/* @font-face {
font-display: swap;
font-family: Inter;
font-style: oblique 0deg 10deg;
font-weight: 100 900;
src: url("/Inter.var.woff2?3.13") format("woff2-variations");
}
@font-face {
font-display: block;
font-family: "Inter Display";
font-style: oblique 0deg 10deg;
font-weight: 100 900;
src: url("/InterDisplay.var.woff2?3.13") format("woff2-variations");
} */
:root {
--typo-prose-family: "Inter", system-ui, sans-serif;
--typo-prose-feature-settings: "case" 1, "ss03" 1, "cv05" 1, "cv07", "kern" 1;
--typo-heading-feature-settings: "liga" 1, "calt" 1, "cv05" 1, "kern" 1;
--typo-heading-tracking: -0.018em;
--typo-heading-weight: 350;
--typo-display-family: "Inter Display", system-ui, sans-serif;
--typo-display-feature-settings: "liga" 1, "calt" 1, "salt" 1, "kern" 1;
--typo-display-weight: 300;
--typo-display-tracking: -0.003em;
--sizing-max-content-width: 60rem;
--inset-bottom: 0px; /* px for calc() later on */
}
body:has(div[data-player]) {
--inset-bottom: calc(var(--s0) * pow(2, 2.15));
}
/* For embroider-css-modules */
/* body {
position: relative;
min-height: 100vh;
margin: 0;
} */
main {
padding-block-end: var(--inset-bottom);
ul {
padding-inline-start: 1em;
}
ol {
padding-inline-start: 1.25em;
}
dt {
font-weight: 550;
}
dd {
padding-inline-start: 1.25em;
}
dd + dd {
margin-block-start: 0.5em;
}
dd + dt {
margin-block-start: 0.75em;
}
}
a {
-webkit-text-decoration: none;
text-decoration: none;
}
:target {
scroll-margin-block: calc(70px + 2ex);
}
dialog:is([data-game], [data-assistant]) {
--top: calc(var(--spacing-container0) * 2 + var(--s0) * var(--line-height));
position: fixed;
top: var(--top);
overflow-y: auto;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
gap: var(--spacing-container0);
width: auto;
height: calc(100dvh - var(--top) - var(--spacing-container0) * 2 - var(--inset-bottom));
margin: var(--spacing-container0);
padding: var(--spacing-container0);
color: var(--typography-main);
background-color: var(--surface-popover);
box-shadow: 0 0 3px 3px #00000028, 0 0 6px 6px #00000026;
[part="body"] {
position: relative;
padding: var(--spacing-container0);
}
[part="close"] {
position: absolute;
top: var(--spacing-container-4);
right: var(--spacing-container-4);
}
}
/* 72rem = 60rem (--sizing-max-content-width) + "padding" */
@media (width >= 72rem) {
dialog:is([data-game], [data-assistant]) {
right: 0;
left: 50%;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
width: calc(var(--sizing-max-content-width) / 2 - var(--spacing-container0));
}
body:has(dialog:is([data-game], [data-assistant])) main > :is(header, div, [part="content"]) > :is(*, section) {
grid-template-columns: initial;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
width: calc(var(--sizing-max-content-width) / 2 - var(--spacing-container0));
}
}
kbd {
display: inline-block;
padding: 0.25em;
border-radius: 4px;
font-size: 90%;
color: var(--typography-code-text);
background-color: var(--typography-code-background);
}
.digits {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.vis [class*=span]{min-height:0;width:auto}.vis-current-time{background-color:#ff7f6e;width:2px;z-index:1;pointer-events:none}.vis-rolling-mode-btn{height:40px;width:40px;position:absolute;top:7px;right:20px;border-radius:50%;font-size:28px;cursor:pointer;opacity:.8;color:#fff;font-weight:700;text-align:center;background:#3876c2}.vis-rolling-mode-btn:before{content:"\26F6"}.vis-rolling-mode-btn:hover{opacity:1}.vis-timeline{position:relative;border:1px solid #bfbfbf;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.vis-loading-screen{width:100%;height:100%;position:absolute;top:0;left:0}.vis-panel{position:absolute;padding:0;margin:0;box-sizing:border-box}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right,.vis-panel.vis-top{border:1px #bfbfbf}.vis-panel.vis-center,.vis-panel.vis-left,.vis-panel.vis-right{border-top-style:solid;border-bottom-style:solid;overflow:hidden}.vis-left.vis-panel.vis-vertical-scroll,.vis-right.vis-panel.vis-vertical-scroll{height:100%;overflow-x:hidden;overflow-y:scroll}.vis-left.vis-panel.vis-vertical-scroll{direction:rtl}.vis-left.vis-panel.vis-vertical-scroll .vis-content{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll{direction:ltr}.vis-right.vis-panel.vis-vertical-scroll .vis-content{direction:rtl}.vis-panel.vis-bottom,.vis-panel.vis-center,.vis-panel.vis-top{border-left-style:solid;border-right-style:solid}.vis-background{overflow:hidden}.vis-panel>.vis-content{position:relative}.vis-panel .vis-shadow{position:absolute;width:100%;height:1px;box-shadow:0 0 10px rgba(0,0,0,.8)}.vis-panel .vis-shadow.vis-top{top:-1px;left:0}.vis-panel .vis-shadow.vis-bottom{bottom:-1px;left:0}.vis-graph-group0{fill:#4f81bd;fill-opacity:0;stroke-width:2px;stroke:#4f81bd}.vis-graph-group1{fill:#f79646;fill-opacity:0;stroke-width:2px;stroke:#f79646}.vis-graph-group2{fill:#8c51cf;fill-opacity:0;stroke-width:2px;stroke:#8c51cf}.vis-graph-group3{fill:#75c841;fill-opacity:0;stroke-width:2px;stroke:#75c841}.vis-graph-group4{fill:#ff0100;fill-opacity:0;stroke-width:2px;stroke:#ff0100}.vis-graph-group5{fill:#37d8e6;fill-opacity:0;stroke-width:2px;stroke:#37d8e6}.vis-graph-group6{fill:#042662;fill-opacity:0;stroke-width:2px;stroke:#042662}.vis-graph-group7{fill:#00ff26;fill-opacity:0;stroke-width:2px;stroke:#00ff26}.vis-graph-group8{fill:#f0f;fill-opacity:0;stroke-width:2px;stroke:#f0f}.vis-graph-group9{fill:#8f3938;fill-opacity:0;stroke-width:2px;stroke:#8f3938}.vis-timeline .vis-fill{fill-opacity:.1;stroke:none}.vis-timeline .vis-bar{fill-opacity:.5;stroke-width:1px}.vis-timeline .vis-point{stroke-width:2px;fill-opacity:1}.vis-timeline .vis-legend-background{stroke-width:1px;fill-opacity:.9;fill:#fff;stroke:#c2c2c2}.vis-timeline .vis-outline{stroke-width:1px;fill-opacity:1;fill:#fff;stroke:#e5e5e5}.vis-timeline .vis-icon-fill{fill-opacity:.3;stroke:none}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal{position:absolute;width:100%;height:0;border-bottom:1px solid}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor{border-color:#e5e5e5}.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major{border-color:#bfbfbf}.vis-data-axis .vis-y-axis.vis-major{width:100%;position:absolute;color:#4d4d4d;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-major.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-minor{position:absolute;width:100%;color:#bebebe;white-space:nowrap}.vis-data-axis .vis-y-axis.vis-minor.vis-measure{padding:0;margin:0;border:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title{position:absolute;color:#4d4d4d;white-space:nowrap;bottom:20px;text-align:center}.vis-data-axis .vis-y-axis.vis-title.vis-measure{padding:0;margin:0;visibility:hidden;width:auto}.vis-data-axis .vis-y-axis.vis-title.vis-left{bottom:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.vis-data-axis .vis-y-axis.vis-title.vis-right{bottom:0;-webkit-transform-origin:right bottom;-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.vis-legend{background-color:rgba(247,252,255,.65);padding:5px;border:1px solid #b3b3b3;box-shadow:2px 2px 10px rgba(154,154,154,.55)}.vis-legend-text{white-space:nowrap;display:inline-block}.vis-itemset{position:relative;padding:0;margin:0;box-sizing:border-box}.vis-itemset .vis-background,.vis-itemset .vis-foreground{position:absolute;width:100%;height:100%;overflow:visible}.vis-axis{position:absolute;width:100%;height:0;left:0;z-index:1}.vis-foreground .vis-group{position:relative;box-sizing:border-box;border-bottom:1px solid #bfbfbf}.vis-foreground .vis-group:last-child{border-bottom:none}.vis-nesting-group{cursor:pointer}.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1{background:#f5f5f5}.vis-label.vis-nested-group.vis-group-level-0{background-color:#fff}.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-left:0}.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner{padding-right:0}.vis-label.vis-nested-group.vis-group-level-1{background-color:rgba(0,0,0,.05)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-left:15px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner{padding-right:15px}.vis-label.vis-nested-group.vis-group-level-2{background-color:rgba(0,0,0,.1)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-left:30px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner{padding-right:30px}.vis-label.vis-nested-group.vis-group-level-3{background-color:rgba(0,0,0,.15)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-left:45px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner{padding-right:45px}.vis-label.vis-nested-group.vis-group-level-4{background-color:rgba(0,0,0,.2)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-left:60px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner{padding-right:60px}.vis-label.vis-nested-group.vis-group-level-5{background-color:rgba(0,0,0,.25)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-left:75px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner{padding-right:75px}.vis-label.vis-nested-group.vis-group-level-6{background-color:rgba(0,0,0,.3)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-left:90px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner{padding-right:90px}.vis-label.vis-nested-group.vis-group-level-7{background-color:rgba(0,0,0,.35)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-left:105px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner{padding-right:105px}.vis-label.vis-nested-group.vis-group-level-8{background-color:rgba(0,0,0,.4)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-left:120px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner{padding-right:120px}.vis-label.vis-nested-group.vis-group-level-9{background-color:rgba(0,0,0,.45)}.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-left:135px}.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner{padding-right:135px}.vis-label.vis-nested-group{background-color:rgba(0,0,0,.5)}.vis-ltr .vis-label.vis-nested-group .vis-inner{padding-left:150px}.vis-rtl .vis-label.vis-nested-group .vis-inner{padding-right:150px}.vis-group-level-unknown-but-gte1{border:1px solid red}.vis-label.vis-nesting-group:before{display:inline-block;width:15px}.vis-label.vis-nesting-group.expanded:before{content:"\25BC"}.vis-label.vis-nesting-group.collapsed:before{content:"\25B6"}.vis-rtl .vis-label.vis-nesting-group.collapsed:before{content:"\25C0"}.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-left:15px}.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0){padding-right:15px}.vis-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-labelset{position:relative;overflow:hidden;box-sizing:border-box}.vis-labelset .vis-label{position:relative;left:0;top:0;width:100%;color:#4d4d4d;box-sizing:border-box}.vis-labelset .vis-label{border-bottom:1px solid #bfbfbf}.vis-labelset .vis-label.draggable{cursor:pointer}.vis-group-is-dragging{background:rgba(0,0,0,.1)}.vis-labelset .vis-label:last-child{border-bottom:none}.vis-labelset .vis-label .vis-inner{display:inline-block;padding:5px}.vis-labelset .vis-label .vis-inner.vis-hidden{padding:0}.vis-time-axis{position:relative;overflow:hidden}.vis-time-axis.vis-foreground{top:0;left:0;width:100%}.vis-time-axis.vis-background{position:absolute;top:0;left:0;width:100%;height:100%}.vis-time-axis .vis-text{position:absolute;color:#4d4d4d;padding:3px;overflow:hidden;box-sizing:border-box;white-space:nowrap}.vis-time-axis .vis-text.vis-measure{position:absolute;padding-left:0;padding-right:0;margin-left:0;margin-right:0;visibility:hidden}.vis-time-axis .vis-grid.vis-vertical{position:absolute;border-left:1px solid}.vis-time-axis .vis-grid.vis-vertical-rtl{position:absolute;border-right:1px solid}.vis-time-axis .vis-grid.vis-minor{border-color:#e5e5e5}.vis-time-axis .vis-grid.vis-major{border-color:#bfbfbf}.vis-custom-time{background-color:#6e94ff;width:2px;cursor:move;z-index:1}.vis-custom-time>.vis-custom-time-marker{background-color:inherit;color:#fff;font-size:12px;white-space:nowrap;padding:3px 5px;top:0;cursor:initial;z-index:inherit}.vis-item{position:absolute;color:#1a1a1a;border-color:#97b0f8;border-width:1px;background-color:#d5ddf6;display:inline-block;z-index:1}.vis-item.vis-selected{border-color:#ffc200;background-color:#fff785;z-index:2}.vis-editable.vis-selected{cursor:move}.vis-item.vis-point.vis-selected{background-color:#fff785}.vis-item.vis-box{text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-point{background:0 0}.vis-item.vis-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis-item.vis-range{border-style:solid;border-radius:2px;box-sizing:border-box}.vis-item.vis-background{border:none;background-color:rgba(213,221,246,.4);box-sizing:border-box;padding:0;margin:0}.vis-item .vis-item-overflow{position:relative;width:100%;height:100%;padding:0;margin:0;overflow:hidden}.vis-item-visible-frame{white-space:nowrap}.vis-item.vis-range .vis-item-content{position:relative;display:inline-block}.vis-item.vis-background .vis-item-content{position:absolute;display:inline-block}.vis-item.vis-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item .vis-item-content{white-space:nowrap;box-sizing:border-box;padding:5px}.vis-item .vis-onUpdateTime-tooltip{position:absolute;background:#4f81bd;color:#fff;width:200px;text-align:center;white-space:nowrap;padding:5px;border-radius:1px;transition:.4s;-o-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s}.vis-item .vis-delete,.vis-item .vis-delete-rtl{position:absolute;top:0;width:24px;height:24px;box-sizing:border-box;padding:0 5px;cursor:pointer;-webkit-transition:background .2s linear;-moz-transition:background .2s linear;-ms-transition:background .2s linear;-o-transition:background .2s linear;transition:background .2s linear}.vis-item .vis-delete{right:-24px}.vis-item .vis-delete-rtl{left:-24px}.vis-item .vis-delete-rtl:after,.vis-item .vis-delete:after{content:"\00D7";color:red;font-family:arial,sans-serif;font-size:22px;font-weight:700;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.vis-item .vis-delete-rtl:hover,.vis-item .vis-delete:hover{background:red}.vis-item .vis-delete-rtl:hover:after,.vis-item .vis-delete:hover:after{color:#fff}.vis-item .vis-drag-center{position:absolute;width:100%;height:100%;top:0;left:0;cursor:move}.vis-item.vis-range .vis-drag-left{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;left:-4px;cursor:w-resize}.vis-item.vis-range .vis-drag-right{position:absolute;width:24px;max-width:20%;min-width:2px;height:100%;top:0;right:-4px;cursor:e-resize}.vis-range.vis-item.vis-readonly .vis-drag-left,.vis-range.vis-item.vis-readonly .vis-drag-right{cursor:auto}.vis-item.vis-cluster{vertical-align:center;text-align:center;border-style:solid;border-radius:2px}.vis-item.vis-cluster-line{padding:0;position:absolute;width:0;border-left-width:1px;border-left-style:solid}.vis-item.vis-cluster-dot{position:absolute;padding:0;border-width:4px;border-style:solid;border-radius:4px}.vis .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.vis-active{box-shadow:0 0 10px #86d5f8}div.vis-configuration{position:relative;display:block;float:left;font-size:12px}div.vis-configuration-wrapper{display:block;width:700px}div.vis-configuration-wrapper::after{clear:both;content:"";display:block}div.vis-configuration.vis-config-option-container{display:block;width:495px;background-color:#fff;border:2px solid #f7f8fa;border-radius:4px;margin-top:20px;left:10px;padding-left:5px}div.vis-configuration.vis-config-button{display:block;width:495px;height:25px;vertical-align:middle;line-height:25px;background-color:#f7f8fa;border:2px solid #ceced0;border-radius:4px;margin-top:20px;left:10px;padding-left:5px;cursor:pointer;margin-bottom:30px}div.vis-configuration.vis-config-button.hover{background-color:#4588e6;border:2px solid #214373;color:#fff}div.vis-configuration.vis-config-item{display:block;float:left;width:495px;height:25px;vertical-align:middle;line-height:25px}div.vis-configuration.vis-config-item.vis-config-s2{left:10px;background-color:#f7f8fa;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s3{left:20px;background-color:#e4e9f0;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-item.vis-config-s4{left:30px;background-color:#cfd8e6;padding-left:5px;border-radius:3px}div.vis-configuration.vis-config-header{font-size:18px;font-weight:700}div.vis-configuration.vis-config-label{width:120px;height:25px;line-height:25px}div.vis-configuration.vis-config-label.vis-config-s3{width:110px}div.vis-configuration.vis-config-label.vis-config-s4{width:100px}div.vis-configuration.vis-config-colorBlock{top:1px;width:30px;height:19px;border:1px solid #444;border-radius:2px;padding:0;margin:0;cursor:pointer}input.vis-configuration.vis-config-checkbox{left:-5px}input.vis-configuration.vis-config-rangeinput{position:relative;top:-5px;width:60px;padding:1px;margin:0;pointer-events:none}input.vis-configuration.vis-config-range{-webkit-appearance:none;border:0 solid #fff;background-color:rgba(0,0,0,0);width:300px;height:20px}input.vis-configuration.vis-config-range::-webkit-slider-runnable-track{width:300px;height:5px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #14334b;height:17px;width:17px;border-radius:50%;background:#3876c2;background:-moz-linear-gradient(top,#3876c2 0,#385380 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3876c2),color-stop(100%,#385380));background:-webkit-linear-gradient(top,#3876c2 0,#385380 100%);background:-o-linear-gradient(top,#3876c2 0,#385380 100%);background:-ms-linear-gradient(top,#3876c2 0,#385380 100%);background:linear-gradient(to bottom,#3876c2 0,#385380 100%);box-shadow:#111927 0 0 1px 0;margin-top:-7px}input.vis-configuration.vis-config-range:focus{outline:0}input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track{background:#9d9d9d;background:-moz-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9d9d9d),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-o-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#9d9d9d 0,#c8c8c8 99%);background:linear-gradient(to bottom,#9d9d9d 0,#c8c8c8 99%)}input.vis-configuration.vis-config-range::-moz-range-track{width:300px;height:10px;background:#dedede;background:-moz-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dedede),color-stop(99%,#c8c8c8));background:-webkit-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-o-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:-ms-linear-gradient(top,#dedede 0,#c8c8c8 99%);background:linear-gradient(to bottom,#dedede 0,#c8c8c8 99%);border:1px solid #999;box-shadow:#aaa 0 0 3px 0;border-radius:3px}input.vis-configuration.vis-config-range::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input.vis-configuration.vis-config-range::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input.vis-configuration.vis-config-range::-ms-fill-lower{background:#777;border-radius:10px}input.vis-configuration.vis-config-range::-ms-fill-upper{background:#ddd;border-radius:10px}input.vis-configuration.vis-config-range::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#385380}input.vis-configuration.vis-config-range:focus::-ms-fill-lower{background:#888}input.vis-configuration.vis-config-range:focus::-ms-fill-upper{background:#ccc}.vis-configuration-popup{position:absolute;background:rgba(57,76,89,.85);border:2px solid #f2faff;line-height:30px;height:30px;width:150px;text-align:center;color:#fff;font-size:14px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.vis-configuration-popup:after,.vis-configuration-popup:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.vis-configuration-popup:after{border-color:rgba(136,183,213,0);border-left-color:rgba(57,76,89,.85);border-width:8px;margin-top:-8px}.vis-configuration-popup:before{border-color:rgba(194,225,245,0);border-left-color:#f2faff;border-width:12px;margin-top:-12px}div.vis-tooltip{position:absolute;visibility:hidden;padding:5px;white-space:nowrap;font-family:verdana;font-size:14px;color:#000;background-color:#f5f4ed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #808074;box-shadow:3px 3px 10px rgba(0,0,0,.2);pointer-events:none;z-index:5}
*{min-width:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}html{text-size-adjust:none;block-size:100%}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(textarea){resize:vertical}@supports (resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}h1{font-size:2em}:where(ul,ol)[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*=\-])){cursor:pointer;touch-action:manipulation}:where(input[type=file]){cursor:auto}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer}:where(button,button[type],input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:not-allowed}@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset .145s cubic-bezier(.25,0,.4,1)}:where(:not(:active)):focus-visible{transition-duration:.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:root{--ratio:var(--sizing-ratio,1.3);--factor:var(--sizing-factor,.8);--sizing-global-base:calc(.5vw + 1rem*var(--factor));--sizing-local-base:1em;--s-4:calc(var(--sizing-global-base)*pow(var(--ratio),-4));--s-3:calc(var(--sizing-global-base)*pow(var(--ratio),-3));--s-2:calc(var(--sizing-global-base)*pow(var(--ratio),-2));--s-1:calc(var(--sizing-global-base)*pow(var(--ratio),-1));--s0:var(--sizing-global-base);--s1:calc(var(--sizing-global-base)*pow(var(--ratio),1));--s2:calc(var(--sizing-global-base)*pow(var(--ratio),2));--s3:calc(var(--sizing-global-base)*pow(var(--ratio),3));--s4:calc(var(--sizing-global-base)*pow(var(--ratio),4));--ls-4:calc(var(--sizing-local-base)*pow(var(--ratio),-4));--ls-3:calc(var(--sizing-local-base)*pow(var(--ratio),-3));--ls-2:calc(var(--sizing-local-base)*pow(var(--ratio),-2));--ls-1:calc(var(--sizing-local-base)*pow(var(--ratio),-1));--ls0:var(--sizing-local-base);--ls1:calc(var(--sizing-local-base)*pow(var(--ratio),1));--ls2:calc(var(--sizing-local-base)*pow(var(--ratio),2));--ls3:calc(var(--sizing-local-base)*pow(var(--ratio),3));--ls4:calc(var(--sizing-local-base)*pow(var(--ratio),4));--spacing-density:var(--spacing-density-base,1);--spacing-primitive-4:calc(var(--ls-4)*var(--spacing-density));--spacing-primitive-3:calc(var(--ls-3)*var(--spacing-density));--spacing-primitive-2:calc(var(--ls-2)*var(--spacing-density));--spacing-primitive-1:calc(var(--ls-1)*var(--spacing-density));--spacing-primitive0:calc(var(--ls0)*var(--spacing-density));--spacing-primitive1:calc(var(--ls1)*var(--spacing-density));--spacing-primitive2:calc(var(--ls2)*var(--spacing-density));--spacing-primitive3:calc(var(--ls3)*var(--spacing-density));--spacing-primitive4:calc(var(--ls4)*var(--spacing-density));--spacing-container-4:calc(var(--s-4)*var(--spacing-density));--spacing-container-3:calc(var(--s-3)*var(--spacing-density));--spacing-container-2:calc(var(--s-2)*var(--spacing-density));--spacing-container-1:calc(var(--s-1)*var(--spacing-density));--spacing-container0:calc(var(--s0)*var(--spacing-density));--spacing-container1:calc(var(--s1)*var(--spacing-density));--spacing-container2:calc(var(--s2)*var(--spacing-density));--spacing-container3:calc(var(--s3)*var(--spacing-density));--spacing-container4:calc(var(--s4)*var(--spacing-density))}[data-density=comfortable]{--spacing-density:var(--spacing-density-comfortable,1.2)}[data-density=compact]{--spacing-density:var(--spacing-density-compact,.8)}:root{--shape-stroke:var(--shape-stroke-color)var(--shape-stroke-style)var(--shape-stroke-width);--shape-shadow-container:0 0 2px 2px #00000026;--control-border:var(--control-border-width)var(--control-border-style)var(--control-border-color);--control-focus-stroke:var(--control-focus-stroke-style)var(--control-focus-stroke-width)var(--control-focus-stroke-color);--navigation-links-base:var(--intent-action-plain-base-text);--navigation-links-hover:var(--intent-action-plain-hover-text);--navigation-links-active:var(--intent-action-plain-active-text);background-color:var(--surface-base)}code{font-family:Fira Code,monospace}article{& dd,& ol,& ul{padding-inline-start:1em}&>*+*{margin-block-start:1em}}
/*# sourceMappingURL=foundation.css.map */
._form_5e1f8_1{gap:var(--spacing-container0);flex-direction:column;display:flex}._label_5e1f8_7{color:var(--typography-main);font-weight:550;@supports (not ((-webkit-hyphens:none))) and (not ((-moz-appearance:none))) and (list-style-type:"*"){&{font-weight:500}}}._description_5e1f8_20{color:var(--typography-subtle)}._field_5e1f8_24{gap:var(--spacing-container-3);flex-direction:column;display:flex}fieldset._field_5e1f8_24{border:0;display:block;&>*+*{margin-block-start:var(--spacing-container-3)}}._errors_5e1f8_39{color:var(--indicator-error-plain-text);align-items:flex-start;gap:var(--spacing-primitive-3);display:flex;&>span{align-items:flex-end;height:1lh;display:flex}&>div{flex-direction:column;display:flex}}._choices_5e1f8_59{gap:var(--spacing-container-3);flex-direction:column;display:flex}._choice_5e1f8_59{align-items:flex-start;gap:var(--spacing-primitive-2);display:flex;&>span{align-items:flex-end;height:1em;display:flex}&>div{flex-direction:column;display:flex}& ._label_5e1f8_7{font-weight:400}}._focus-within_wv584_6{&:focus-within{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}@supports selector(:has(*)){&:focus-within{outline:none}&:has(:focus-visible){outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}}._control_wv584_25{@supports ((-webkit-hyphens:none)){&{height:auto}}&:disabled,&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._input_wv584_50{&::placeholder{color:var(--control-placeholder)}&[type=date],&[type=number]{font-variant-numeric:tabular-nums}&[type=date]::-webkit-calendar-picker-indicator,&[type=date]::-webkit-datetime-edit{align-self:center}}._range_wv584_86{&::-moz-range-track{background-color:var(--control-selected-background);background-image:linear-gradient(var(--range-progress-background),var(--range-progress-background));background-repeat:no-repeat;background-size:var(--_hokulea-slider-progress,0)100%;border-radius:var(--control-border-width);height:calc(var(--control-border-width)*4)}&::-moz-range-thumb{appearance:none;aspect-ratio:1;background-color:var(--range-thumb-background);margin-top:calc(var(--control-border-width)/.5 - .5em);border-width:0;border-radius:50%;height:1em}&[data-orientation=vertical]{&::-moz-range-track{background-position:bottom;background-size:100% var(--_hokulea-slider-progress,0);height:unset;width:calc(var(--control-border-width)*4)}&::-moz-range-thumb{margin-left:calc(var(--control-border-width)/.5 - .5em);margin-top:unset}}&:focus-visible::-moz-range-thumb{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}._range_wv584_86{&::-webkit-slider-container{height:1em;line-height:1em}&::-webkit-slider-runnable-track{background-color:var(--control-selected-background);background-image:linear-gradient(var(--range-progress-background),var(--range-progress-background));background-repeat:no-repeat;background-size:var(--_hokulea-slider-progress,0)100%;border-radius:var(--control-border-width);height:calc(var(--control-border-width)*4)}&::-webkit-slider-thumb{appearance:none;aspect-ratio:1;background-color:var(--range-thumb-background);margin-top:calc(var(--control-border-width)/.5 - .5em);border-radius:50%;height:1em}&[data-orientation=vertical]{&::-webkit-slider-runnable-track{background-position:bottom;background-size:100% var(--_hokulea-slider-progress,0);height:unset;width:calc(var(--control-border-width)*4)}&::-webkit-slider-thumb{margin-left:calc(var(--control-border-width)/.5 - .5em);margin-top:unset}}&:focus-visible::-webkit-slider-thumb{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}._range_wv584_86{&[data-orientation=vertical]{direction:rtl;writing-mode:vertical-lr}&:hover{--range-progress-background:var(--control-hover-background);--range-thumb-background:var(--intent-action-supreme-hover-background)}&:active{--range-progress-background:var(--control-active-background);--range-thumb-background:var(--intent-action-supreme-active-background)}&:focus{outline:none}&:disabled,&[aria-disabled=true]{--range-progress-background:var(--control-disabled-background);--range-thumb-background:var(--intent-action-supreme-disabled-background)}}._select_wv584_222{&:after{--chevron-up-down:url("data:image/svg+xml;utf8,");content:"";mask:var(--chevron-up-down)center center/100% auto no-repeat;pointer-events:none;right:var(--spacing-primitive0);background:currentColor;align-self:center;width:1rem;height:1rem;display:block;position:absolute}& select{all:unset;appearance:none;padding-block:var(--spacing-primitive0);width:100%;padding-inline-end:calc(1em + var(--spacing-primitive-4))}}._input-builder_wv584_302{&>._input_wv584_50{background:unset;border:unset;flex-grow:1;@supports ((-webkit-hyphens:none)){&{height:1em}}&:focus{outline:unset}}&>._affix_wv584_286+._input_wv584_50,&>._affix_wv584_286:not(._suffix_wv584_297,._prefix_wv584_292)+._affix_wv584_286:not(._suffix_wv584_297,._prefix_wv584_292),&>._input_wv584_50+._affix_wv584_286{padding-inline-start:0}&>*{padding-block:var(--spacing-primitive0)}}._list_wv584_354{& [role=option]{color:var(--control-text);gap:var(--spacing-primitive-3);padding-block:var(--spacing-primitive-4);padding-inline:var(--spacing-primitive-3);display:inline-flex;&[aria-selected=true]{background-color:var(--control-selected-background)}}&:focus{& [role=option]{&[aria-selected=true]{background-color:var(--control-focus-selected-background)}&[aria-disabled=disabled]{color:var(--control-disabled-text)}}}:not(&[aria-disabled=true])[aria-multiselectable=true]:focus{& [role=option][aria-current=true]{outline:var(--control-focus-stroke);outline-offset:calc(var(--control-focus-stroke-width)*-1)}}:not(&[aria-disabled=true]):is(&:focus,&) [role=option]:hover{background-color:var(--control-hover-background)}&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._menu_wv584_416:is(:not([popover]),[popover]:popover-open){&:popover-open{translate:0 calc(var(--spacing-container-3)*-1 - var(--control-border-width))}&>hr{background-color:var(--control-border-color);margin-block:calc(var(--spacing-container-3)/2);margin-inline:calc(var(--spacing-container-3)*-1);opacity:.4;height:1px}& [role=menuitem]{all:unset;border-radius:calc(var(--shape-radius-container) - var(--spacing-container-3)/2);color:var(--control-text);cursor:default;gap:var(--spacing-primitive-3);padding-block:var(--spacing-primitive-4);padding-inline:var(--spacing-primitive-3);justify-content:space-between;display:inline-flex;&[aria-disabled=disabled]{color:var(--control-disabled-text)}&:focus{background-color:var(--control-hover-background);outline:none}&[aria-haspopup]:after{--chevron-right:url("data:image/svg+xml;utf8,");content:"";mask:var(--chevron-right)center center/100% auto no-repeat;background:currentColor;align-self:center;width:1rem;height:1rem;display:block}}&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._tabs_wv584_493{&:has(>[role=tablist][aria-orientation=vertical]){flex-direction:row}& [role=tablist]{--_border:var(--shape-stroke-width)var(--control-border-style)var(--control-border-color);border-block-end:var(--_border);flex-direction:row;display:flex;box-shadow:0 1px #0000000f;& [role=tab]{appearance:none;color:var(--typography-main);padding:var(--spacing-container0)var(--spacing-container-1);background:0 0;border:0;-webkit-text-decoration:none;text-decoration:none;position:relative;&:after{content:"";bottom:0;left:var(--spacing-primitive-1);right:var(--spacing-primitive-1);border:1px solid #0000;border-radius:1px 1px 0 0;height:2px;position:absolute}&[aria-selected=true]{color:var(--navigation-links-base);&:after{border-color:var(--navigation-links-base)}}&:focus-visible{outline:none;& span{outline:var(--control-focus-stroke);outline-offset:var(--spacing-primitive-4)}}}&[aria-orientation=vertical]{border-block-end:0;border-inline-end:var(--_border);flex-direction:column;flex-shrink:0;box-shadow:1px 0 #0000000f;& [role=tab]{padding:var(--spacing-container-1)var(--spacing-container0);text-align:start;width:100%;padding-inline-start:0;&:after{inset:var(--spacing-container-1)0 var(--spacing-container-1)auto;width:2px;height:auto}}}&[aria-disabled=true]{& [role=tab]{color:var(--control-disabled-text);&[aria-selected=true]{&:after{border-color:var(--control-disabled-text)}}}}}&[dir=rtl],[dir=rtl] &{& [role=tablist][aria-orientation=vertical]{& [role=tab]{&:after{inset:var(--spacing-container-1)auto var(--spacing-container-1)0}}}}}._icon_ki8xy_7{aspect-ratio:1;height:1.2cap;display:inline-flex;transform:translateY(.1cap)}._popover_mpjyc_1{background-color:var(--surface-popover);border:var(--control-border);border-radius:var(--shape-radius-container);color:var(--control-text);padding:var(--spacing-container-3)}:root{--measure:65ch;--line-height:var(--sizing-ratio);color:var(--typography-main);font-family:var(--typo-prose-family,Inter,sans-serif);font-feature-settings:var(--typo-prose-feature-settings);font-size:var(--sizing-global-base);line-height:var(--line-height)}::selection{background-color:var(--typography-selected-background)}h1,h2,h3,h4{font-family:var(--typo-heading-family,Inter,sans-serif);font-feature-settings:var(--typo-heading-feature-settings);font-weight:var(--typo-heading-weight,initial);hyphens:auto;letter-spacing:var(--typo-heading-tracking,normal);line-height:calc(var(--line-height)*.8)}h1{font-size:var(--s4)}h2{font-size:var(--s3)}h3{font-size:var(--s2)}h4{font-size:var(--s1)}em,i{color:var(--typography-emphasize)}code{background-color:var(--typography-code-background);color:var(--typography-code-text);border-radius:4px;padding:.2em;font-size:90%;display:inline-block}._display_5wz57_75{font-family:var(--typo-display-family);font-feature-settings:var(--typo-display-feature-settings);font-weight:var(--typo-display-weight,initial);hyphens:auto;letter-spacing:var(--typo-display-tracking,normal);line-height:calc(var(--line-height)*.8)}._page-content_msqww_1{grid-template-columns:minmax(var(--spacing-container0),1fr)minmax(200px,var(--sizing-max-content-width,100%))minmax(var(--spacing-container0),1fr);display:grid;&>*{grid-column:2/3}}a,a:link,a:visited{color:var(--navigation-links-base)}a:hover{color:var(--navigation-links-hover)}a:active{color:var(--navigation-links-active)}._app-header_3li5l_25{background:var(--surface-container);box-shadow:var(--shape-shadow-container);z-index:1;position:sticky;top:0;&>div{align-items:baseline;gap:var(--spacing-container1);display:flex;&>*{flex-shrink:0;align-items:center;min-width:0;display:flex}& [part=brand]{font-size:var(--s0);padding-block:var(--spacing-container0);align-items:center;font-weight:700;&,a&:link,a&:visited{color:var(--navigation-links-base)}a&:hover{color:var(--navigation-links-hover)}a&:active{color:var(--navigation-links-active)}}&[data-sensing]>:is(nav,[part=aux]){visibility:hidden}&>nav{flex-grow:1;&[data-position=center]{justify-content:center}&[data-position=end]{justify-content:end}}& :is(a,button){color:var(--typography-main);gap:var(--spacing-primitive-4);background:0 0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;&:hover,&[aria-current=page]{color:var(--navigation-links-base)}&:focus-visible{outline:none;& span{outline:var(--control-focus-stroke);outline-offset:var(--spacing-primitive-4)}}&[aria-haspopup=menu]:after{--chevron-down:url("data:image/svg+xml;utf8,");content:"";mask:var(--chevron-down)center center/100% auto no-repeat;background:currentColor;align-self:center;width:1rem;height:1rem;display:block}}&>:is(nav,[part=menu])>[part=item]{padding-block:var(--spacing-container0);padding-inline:var(--spacing-container-4);white-space:nowrap;flex-shrink:0;min-width:0}&>:is([part=aux],[part=menu]){margin-inline-start:auto}&>[part=menu]>[popover]{pointer-events:none;background-color:#0000;flex-direction:column;width:100vw;height:100vh;&:popover-open{display:flex}&>[data-menu-header]{background:var(--surface-container);padding-inline:var(--spacing-container0);pointer-events:none;visibility:hidden;display:flex}&>[data-menu-content]{background-color:var(--surface-base);color:var(--typography-main);grid-template-columns:minmax(var(--spacing-container0),1fr)minmax(200px,66vw)minmax(var(--spacing-container0),1fr);overscroll-behavior:contain;padding-block:var(--spacing-container4);pointer-events:auto;flex-grow:1;display:grid;overflow:auto;&>*{grid-column:2/3}}& nav{padding-block:var(--spacing-container-4);padding-inline:var(--spacing-container0)}& [part=aux]{padding:var(--spacing-container0);margin-block-start:auto}& :not(header) [part=item]{padding-block:var(--spacing-container-4);list-style-position:inside;display:list-item;&::marker{margin:none}}& :not(header) :is(a,span,button){text-align:start;text-indent:.85em;list-style-type:none}& details>div{flex-direction:column;padding-inline-start:.85em;display:flex}& :focus-visible{outline:var(--control-focus-stroke)}}}}._card_1jpab_1{background-color:var(--surface-container);border:var(--shape-stroke);border-radius:var(--shape-radius-container)}._item_1jpab_1{padding:var(--spacing-container0)}._header_1jpab_1{background-color:var(--surface-container1);border:var(--shape-stroke);border-width:0;border-block-end-width:var(--shape-stroke-width);border-start-start-radius:var(--shape-radius-container);border-start-end-radius:var(--shape-radius-container)}._footer_1jpab_1{border:var(--shape-stroke);border-width:0;border-block-start-width:var(--shape-stroke-width)}._section_1jpab_1{& header+*{margin-block-start:var(--spacing-container0)}}._section-title_1jpab_1{color:var(--typography-main);margin:0;font-weight:500}._focus_wv584_1:focus-visible{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}._focus-within_wv584_6{&:focus-within{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}@supports selector(:has(*)){&:focus-within{outline:none}&:has(:focus-visible){outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}}._control_wv584_25{all:unset;background-color:var(--control-background);border:var(--control-border);border-radius:var(--shape-radius-primitive);color:var(--control-text);padding:var(--spacing-primitive0);display:inline-block;@supports ((-webkit-hyphens:none)){&{height:auto}}&:disabled,&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._input_wv584_50{vertical-align:middle;height:1em;line-height:1em;&::placeholder{color:var(--control-placeholder)}&[type=date],&[type=number]{font-variant-numeric:tabular-nums}&[type=date]::-webkit-calendar-picker-indicator,&[type=date]::-webkit-datetime-edit{align-self:center}}._range_wv584_86{&::-moz-range-track{background-color:var(--control-selected-background);background-image:linear-gradient(var(--range-progress-background),var(--range-progress-background));background-repeat:no-repeat;background-size:var(--_hokulea-slider-progress,0)100%;border-radius:var(--control-border-width);height:calc(var(--control-border-width)*4)}&::-moz-range-thumb{appearance:none;aspect-ratio:1;background-color:var(--range-thumb-background);margin-top:calc(var(--control-border-width)/.5 - .5em);border-width:0;border-radius:50%;height:1em}&[data-orientation=vertical]{&::-moz-range-track{background-position:bottom;background-size:100% var(--_hokulea-slider-progress,0);height:unset;width:calc(var(--control-border-width)*4)}&::-moz-range-thumb{margin-left:calc(var(--control-border-width)/.5 - .5em);margin-top:unset}}&:focus-visible::-moz-range-thumb{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}._range_wv584_86{&::-webkit-slider-container{height:1em;line-height:1em}&::-webkit-slider-runnable-track{background-color:var(--control-selected-background);background-image:linear-gradient(var(--range-progress-background),var(--range-progress-background));background-repeat:no-repeat;background-size:var(--_hokulea-slider-progress,0)100%;border-radius:var(--control-border-width);height:calc(var(--control-border-width)*4)}&::-webkit-slider-thumb{appearance:none;aspect-ratio:1;background-color:var(--range-thumb-background);margin-top:calc(var(--control-border-width)/.5 - .5em);border-radius:50%;height:1em}&[data-orientation=vertical]{&::-webkit-slider-runnable-track{background-position:bottom;background-size:100% var(--_hokulea-slider-progress,0);height:unset;width:calc(var(--control-border-width)*4)}&::-webkit-slider-thumb{margin-left:calc(var(--control-border-width)/.5 - .5em);margin-top:unset}}&:focus-visible::-webkit-slider-thumb{outline:var(--control-focus-stroke);outline-offset:var(--control-focus-stroke-offset)}}._range_wv584_86{--range-progress-background:var(--control-focus-selected-background);--range-thumb-background:var(--intent-action-supreme-base-background);appearance:none;border:var(--control-border-width)solid transparent;cursor:pointer;padding-block:var(--spacing-primitive0);-webkit-user-select:none;user-select:none;vertical-align:middle;background:0 0;&[data-orientation=vertical]{direction:rtl;writing-mode:vertical-lr}&:hover{--range-progress-background:var(--control-hover-background);--range-thumb-background:var(--intent-action-supreme-hover-background)}&:active{--range-progress-background:var(--control-active-background);--range-thumb-background:var(--intent-action-supreme-active-background)}&:focus{outline:none}&:disabled,&[aria-disabled=true]{--range-progress-background:var(--control-disabled-background);--range-thumb-background:var(--intent-action-supreme-disabled-background)}}._select_wv584_222{gap:var(--spacing-primitive-4);padding-block:0;padding-inline:var(--spacing-primitive0);-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;&:after{--chevron-up-down:url("data:image/svg+xml;utf8,");content:"";mask:var(--chevron-up-down)center center/100% auto no-repeat;pointer-events:none;right:var(--spacing-primitive0);background:currentColor;align-self:center;width:1rem;height:1rem;display:block;position:absolute}& select{all:unset;appearance:none;padding-block:var(--spacing-primitive0);width:100%;padding-inline-end:calc(1em + var(--spacing-primitive-4))}}._textarea_wv584_267{white-space:pre-wrap}._choice_wv584_273{accent-color:var(--control-accent);aspect-ratio:1;background:var(--control-background);border:var(--control-border);border-radius:var(--shape-radius-primitive);height:.9em;transform:translateY(.1em)}._affix_wv584_286{padding-inline:var(--spacing-primitive0);line-height:1em;display:inline-block}._prefix_wv584_292{border-inline-end:var(--control-border)}._suffix_wv584_297{border-inline-start:var(--control-border)}._input-builder_wv584_302{vertical-align:middle;align-items:center;height:auto;padding:0;display:inline-flex;&>._input_wv584_50{background:unset;border:unset;flex-grow:1;@supports ((-webkit-hyphens:none)){&{height:1em}}&:focus{outline:unset}}&>._affix_wv584_286+._input_wv584_50,&>._affix_wv584_286:not(._suffix_wv584_297,._prefix_wv584_292)+._affix_wv584_286:not(._suffix_wv584_297,._prefix_wv584_292),&>._input_wv584_50+._affix_wv584_286{padding-inline-start:0}&>*{padding-block:var(--spacing-primitive0)}}._input-builder_wv584_302[data-invalid=true],._input_wv584_50:not([type=radio],[type=checkbox])[aria-invalid=true],._select_wv584_222[aria-invalid=true],._textarea_wv584_267[aria-invalid=true]{border-color:var(--indicator-error-supreme-border)}._list_wv584_354{all:unset;background-color:var(--control-background);border:var(--control-border);border-radius:var(--shape-radius-primitive);overscroll-behavior:contain;padding-block:var(--spacing-container-3);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:auto;& [role=option]{color:var(--control-text);gap:var(--spacing-primitive-3);padding-block:var(--spacing-primitive-4);padding-inline:var(--spacing-primitive-3);display:inline-flex;&[aria-selected=true]{background-color:var(--control-selected-background)}}&:focus{& [role=option]{&[aria-selected=true]{background-color:var(--control-focus-selected-background)}&[aria-disabled=disabled]{color:var(--control-disabled-text)}}}:not(&[aria-disabled=true])[aria-multiselectable=true]:focus{& [role=option][aria-current=true]{outline:var(--control-focus-stroke);outline-offset:calc(var(--control-focus-stroke-width)*-1)}}:not(&[aria-disabled=true]):is(&:focus,&) [role=option]:hover{background-color:var(--control-hover-background)}&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._menu_wv584_416:is(:not([popover]),[popover]:popover-open){all:unset;background-color:var(--surface-popover);border:var(--control-border);border-radius:var(--shape-radius-container);padding:var(--spacing-container-3);-webkit-user-select:none;user-select:none;flex-direction:column;width:fit-content;display:flex;&:popover-open{translate:0 calc(var(--spacing-container-3)*-1 - var(--control-border-width))}&>hr{background-color:var(--control-border-color);margin-block:calc(var(--spacing-container-3)/2);margin-inline:calc(var(--spacing-container-3)*-1);opacity:.4;height:1px}& [role=menuitem]{all:unset;border-radius:calc(var(--shape-radius-container) - var(--spacing-container-3)/2);color:var(--control-text);cursor:default;gap:var(--spacing-primitive-3);padding-block:var(--spacing-primitive-4);padding-inline:var(--spacing-primitive-3);justify-content:space-between;display:inline-flex;&[aria-disabled=disabled]{color:var(--control-disabled-text)}&:focus{background-color:var(--control-hover-background);outline:none}&[aria-haspopup]:after{--chevron-right:url("data:image/svg+xml;utf8,");content:"";mask:var(--chevron-right)center center/100% auto no-repeat;background:currentColor;align-self:center;width:1rem;height:1rem;display:block}}&[aria-disabled=true]{background-color:var(--control-disabled-background);color:var(--control-disabled-text)}}._tabs_wv584_493{gap:var(--spacing-container-1);flex-direction:column;display:flex;&:has(>[role=tablist][aria-orientation=vertical]){flex-direction:row}& [role=tablist]{--_border:var(--shape-stroke-width)var(--control-border-style)var(--control-border-color);border-block-end:var(--_border);flex-direction:row;display:flex;box-shadow:0 1px #0000000f;& [role=tab]{appearance:none;color:var(--typography-main);padding:var(--spacing-container0)var(--spacing-container-1);background:0 0;border:0;-webkit-text-decoration:none;text-decoration:none;position:relative;&:after{content:"";bottom:0;left:var(--spacing-primitive-1);right:var(--spacing-primitive-1);border:1px solid #0000;border-radius:1px 1px 0 0;height:2px;position:absolute}&[aria-selected=true]{color:var(--navigation-links-base);&:after{border-color:var(--navigation-links-base)}}&:focus-visible{outline:none;& span{outline:var(--control-focus-stroke);outline-offset:var(--spacing-primitive-4)}}}&[aria-orientation=vertical]{border-block-end:0;border-inline-end:var(--_border);flex-direction:column;flex-shrink:0;box-shadow:1px 0 #0000000f;& [role=tab]{padding:var(--spacing-container-1)var(--spacing-container0);text-align:start;width:100%;padding-inline-start:0;&:after{inset:var(--spacing-container-1)0 var(--spacing-container-1)auto;width:2px;height:auto}}}&[aria-disabled=true]{& [role=tab]{color:var(--control-disabled-text);&[aria-selected=true]{&:after{border-color:var(--control-disabled-text)}}}}}&[dir=rtl],[dir=rtl] &{& [role=tablist][aria-orientation=vertical]{& [role=tab]{&:after{inset:var(--spacing-container-1)auto var(--spacing-container-1)0}}}}}._base-button_psxg9_3{all:unset;border:var(--control-border);cursor:pointer;align-items:center;gap:var(--spacing-primitive-3);vertical-align:middle;border-width:2px;justify-content:center;font-weight:500;line-height:1;display:inline-flex;&,&:is(a,span,button){background-color:var(--button-base-background);border-color:var(--button-base-border);color:var(--button-base-text);-webkit-text-decoration:none;text-decoration:none;&:hover{background-color:var(--button-hover-background);border-color:var(--button-hover-border);color:var(--button-hover-text);-webkit-text-decoration:none;text-decoration:none}&:active{background-color:var(--button-active-background);border-color:var(--button-active-border);color:var(--button-active-text)}}&[aria-disabled=true]{background-color:var(--button-disabled-background);border-color:var(--button-disabled-border);color:var(--button-disabled-text)}&[data-intent=action]{&[data-importance=supreme]{--button-base-background:var(--intent-action-supreme-base-background,transparent);--button-base-border:var(--intent-action-supreme-base-border,transparent);--button-base-text:var(--intent-action-supreme-base-text,transparent);--button-hover-background:var(--intent-action-supreme-hover-background,transparent);--button-hover-border:var(--intent-action-supreme-hover-border,transparent);--button-hover-text:var(--intent-action-supreme-hover-text,transparent);--button-active-background:var(--intent-action-supreme-active-background,transparent);--button-active-border:var(--intent-action-supreme-active-border,transparent);--button-active-text:var(--intent-action-supreme-active-text,transparent);--button-disabled-background:var(--intent-action-supreme-disabled-background,transparent);--button-disabled-border:var(--intent-action-supreme-disabled-border,transparent);--button-disabled-text:var(--intent-action-supreme-disabled-text,transparent)}&[data-importance=subtle]{--button-base-background:var(--intent-action-subtle-base-background,transparent);--button-base-border:var(--intent-action-subtle-base-border,transparent);--button-base-text:var(--intent-action-subtle-base-text,transparent);--button-hover-background:var(--intent-action-subtle-hover-background,transparent);--button-hover-border:var(--intent-action-subtle-hover-border,transparent);--button-hover-text:var(--intent-action-subtle-hover-text,transparent);--button-active-background:var(--intent-action-subtle-active-background,transparent);--button-active-border:var(--intent-action-subtle-active-border,transparent);--button-active-text:var(--intent-action-subtle-active-text,transparent);--button-disabled-background:var(--intent-action-subtle-disabled-background,transparent);--button-disabled-border:var(--intent-action-subtle-disabled-border,transparent);--button-disabled-text:var(--intent-action-subtle-disabled-text,transparent)}&[data-importance=muted]{--button-base-background:var(--intent-action-muted-base-background,transparent);--button-base-border:var(--intent-action-muted-base-border,transparent);--button-base-text:var(--intent-action-muted-base-text,transparent);--button-hover-background:var(--intent-action-muted-hover-background,transparent);--button-hover-border:var(--intent-action-muted-hover-border,transparent);--button-hover-text:var(--intent-action-muted-hover-text,transparent);--button-active-background:var(--intent-action-muted-active-background,transparent);--button-active-border:var(--intent-action-muted-active-border,transparent);--button-active-text:var(--intent-action-muted-active-text,transparent);--button-disabled-background:var(--intent-action-muted-disabled-background,transparent);--button-disabled-border:var(--intent-action-muted-disabled-border,transparent);--button-disabled-text:var(--intent-action-muted-disabled-text,transparent)}&[data-importance=plain]{--button-base-background:var(--intent-action-plain-base-background,transparent);--button-base-border:var(--intent-action-plain-base-border,transparent);--button-base-text:var(--intent-action-plain-base-text,transparent);--button-hover-background:var(--intent-action-plain-hover-background,transparent);--button-hover-border:var(--intent-action-plain-hover-border,transparent);--button-hover-text:var(--intent-action-plain-hover-text,transparent);--button-active-background:var(--intent-action-plain-active-background,transparent);--button-active-border:var(--intent-action-plain-active-border,transparent);--button-active-text:var(--intent-action-plain-active-text,transparent);--button-disabled-background:var(--intent-action-plain-disabled-background,transparent);--button-disabled-border:var(--intent-action-plain-disabled-border,transparent);--button-disabled-text:var(--intent-action-plain-disabled-text,transparent)}}&[data-intent=alternative]{&[data-importance=supreme]{--button-base-background:var(--intent-alternative-supreme-base-background,transparent);--button-base-border:var(--intent-alternative-supreme-base-border,transparent);--button-base-text:var(--intent-alternative-supreme-base-text,transparent);--button-hover-background:var(--intent-alternative-supreme-hover-background,transparent);--button-hover-border:var(--intent-alternative-supreme-hover-border,transparent);--button-hover-text:var(--intent-alternative-supreme-hover-text,transparent);--button-active-background:var(--intent-alternative-supreme-active-background,transparent);--button-active-border:var(--intent-alternative-supreme-active-border,transparent);--button-active-text:var(--intent-alternative-supreme-active-text,transparent);--button-disabled-background:var(--intent-alternative-supreme-disabled-background,transparent);--button-disabled-border:var(--intent-alternative-supreme-disabled-border,transparent);--button-disabled-text:var(--intent-alternative-supreme-disabled-text,transparent)}&[data-importance=subtle]{--button-base-background:var(--intent-alternative-subtle-base-background,transparent);--button-base-border:var(--intent-alternative-subtle-base-border,transparent);--button-base-text:var(--intent-alternative-subtle-base-text,transparent);--button-hover-background:var(--intent-alternative-subtle-hover-background,transparent);--button-hover-border:var(--intent-alternative-subtle-hover-border,transparent);--button-hover-text:var(--intent-alternative-subtle-hover-text,transparent);--button-active-background:var(--intent-alternative-subtle-active-background,transparent);--button-active-border:var(--intent-alternative-subtle-active-border,transparent);--button-active-text:var(--intent-alternative-subtle-active-text,transparent);--button-disabled-background:var(--intent-alternative-subtle-disabled-background,transparent);--button-disabled-border:var(--intent-alternative-subtle-disabled-border,transparent);--button-disabled-text:var(--intent-alternative-subtle-disabled-text,transparent)}&[data-importance=muted]{--button-base-background:var(--intent-alternative-muted-base-background,transparent);--button-base-border:var(--intent-alternative-muted-base-border,transparent);--button-base-text:var(--intent-alternative-muted-base-text,transparent);--button-hover-background:var(--intent-alternative-muted-hover-background,transparent);--button-hover-border:var(--intent-alternative-muted-hover-border,transparent);--button-hover-text:var(--intent-alternative-muted-hover-text,transparent);--button-active-background:var(--intent-alternative-muted-active-background,transparent);--button-active-border:var(--intent-alternative-muted-active-border,transparent);--button-active-text:var(--intent-alternative-muted-active-text,transparent);--button-disabled-background:var(--intent-alternative-muted-disabled-background,transparent);--button-disabled-border:var(--intent-alternative-muted-disabled-border,transparent);--button-disabled-text:var(--intent-alternative-muted-disabled-text,transparent)}&[data-importance=plain]{--button-base-background:var(--intent-alternative-plain-base-background,transparent);--button-base-border:var(--intent-alternative-plain-base-border,transparent);--button-base-text:var(--intent-alternative-plain-base-text,transparent);--button-hover-background:var(--intent-alternative-plain-hover-background,transparent);--button-hover-border:var(--intent-alternative-plain-hover-border,transparent);--button-hover-text:var(--intent-alternative-plain-hover-text,transparent);--button-active-background:var(--intent-alternative-plain-active-background,transparent);--button-active-border:var(--intent-alternative-plain-active-border,transparent);--button-active-text:var(--intent-alternative-plain-active-text,transparent);--button-disabled-background:var(--intent-alternative-plain-disabled-background,transparent);--button-disabled-border:var(--intent-alternative-plain-disabled-border,transparent);--button-disabled-text:var(--intent-alternative-plain-disabled-text,transparent)}}&[data-intent=highlight]{&[data-importance=supreme]{--button-base-background:var(--intent-highlight-supreme-base-background,transparent);--button-base-border:var(--intent-highlight-supreme-base-border,transparent);--button-base-text:var(--intent-highlight-supreme-base-text,transparent);--button-hover-background:var(--intent-highlight-supreme-hover-background,transparent);--button-hover-border:var(--intent-highlight-supreme-hover-border,transparent);--button-hover-text:var(--intent-highlight-supreme-hover-text,transparent);--button-active-background:var(--intent-highlight-supreme-active-background,transparent);--button-active-border:var(--intent-highlight-supreme-active-border,transparent);--button-active-text:var(--intent-highlight-supreme-active-text,transparent);--button-disabled-background:var(--intent-highlight-supreme-disabled-background,transparent);--button-disabled-border:var(--intent-highlight-supreme-disabled-border,transparent);--button-disabled-text:var(--intent-highlight-supreme-disabled-text,transparent)}&[data-importance=subtle]{--button-base-background:var(--intent-highlight-subtle-base-background,transparent);--button-base-border:var(--intent-highlight-subtle-base-border,transparent);--button-base-text:var(--intent-highlight-subtle-base-text,transparent);--button-hover-background:var(--intent-highlight-subtle-hover-background,transparent);--button-hover-border:var(--intent-highlight-subtle-hover-border,transparent);--button-hover-text:var(--intent-highlight-subtle-hover-text,transparent);--button-active-background:var(--intent-highlight-subtle-active-background,transparent);--button-active-border:var(--intent-highlight-subtle-active-border,transparent);--button-active-text:var(--intent-highlight-subtle-active-text,transparent);--button-disabled-background:var(--intent-highlight-subtle-disabled-background,transparent);--button-disabled-border:var(--intent-highlight-subtle-disabled-border,transparent);--button-disabled-text:var(--intent-highlight-subtle-disabled-text,transparent)}&[data-importance=muted]{--button-base-background:var(--intent-highlight-muted-base-background,transparent);--button-base-border:var(--intent-highlight-muted-base-border,transparent);--button-base-text:var(--intent-highlight-muted-base-text,transparent);--button-hover-background:var(--intent-highlight-muted-hover-background,transparent);--button-hover-border:var(--intent-highlight-muted-hover-border,transparent);--button-hover-text:var(--intent-highlight-muted-hover-text,transparent);--button-active-background:var(--intent-highlight-muted-active-background,transparent);--button-active-border:var(--intent-highlight-muted-active-border,transparent);--button-active-text:var(--intent-highlight-muted-active-text,transparent);--button-disabled-background:var(--intent-highlight-muted-disabled-background,transparent);--button-disabled-border:var(--intent-highlight-muted-disabled-border,transparent);--button-disabled-text:var(--intent-highlight-muted-disabled-text,transparent)}&[data-importance=plain]{--button-base-background:var(--intent-highlight-plain-base-background,transparent);--button-base-border:var(--intent-highlight-plain-base-border,transparent);--button-base-text:var(--intent-highlight-plain-base-text,transparent);--button-hover-background:var(--intent-highlight-plain-hover-background,transparent);--button-hover-border:var(--intent-highlight-plain-hover-border,transparent);--button-hover-text:var(--intent-highlight-plain-hover-text,transparent);--button-active-background:var(--intent-highlight-plain-active-background,transparent);--button-active-border:var(--intent-highlight-plain-active-border,transparent);--button-active-text:var(--intent-highlight-plain-active-text,transparent);--button-disabled-background:var(--intent-highlight-plain-disabled-background,transparent);--button-disabled-border:var(--intent-highlight-plain-disabled-border,transparent);--button-disabled-text:var(--intent-highlight-plain-disabled-text,transparent)}}&[data-intent=danger]{&[data-importance=supreme]{--button-base-background:var(--intent-danger-supreme-base-background,transparent);--button-base-border:var(--intent-danger-supreme-base-border,transparent);--button-base-text:var(--intent-danger-supreme-base-text,transparent);--button-hover-background:var(--intent-danger-supreme-hover-background,transparent);--button-hover-border:var(--intent-danger-supreme-hover-border,transparent);--button-hover-text:var(--intent-danger-supreme-hover-text,transparent);--button-active-background:var(--intent-danger-supreme-active-background,transparent);--button-active-border:var(--intent-danger-supreme-active-border,transparent);--button-active-text:var(--intent-danger-supreme-active-text,transparent);--button-disabled-background:var(--intent-danger-supreme-disabled-background,transparent);--button-disabled-border:var(--intent-danger-supreme-disabled-border,transparent);--button-disabled-text:var(--intent-danger-supreme-disabled-text,transparent)}&[data-importance=subtle]{--button-base-background:var(--intent-danger-subtle-base-background,transparent);--button-base-border:var(--intent-danger-subtle-base-border,transparent);--button-base-text:var(--intent-danger-subtle-base-text,transparent);--button-hover-background:var(--intent-danger-subtle-hover-background,transparent);--button-hover-border:var(--intent-danger-subtle-hover-border,transparent);--button-hover-text:var(--intent-danger-subtle-hover-text,transparent);--button-active-background:var(--intent-danger-subtle-active-background,transparent);--button-active-border:var(--intent-danger-subtle-active-border,transparent);--button-active-text:var(--intent-danger-subtle-active-text,transparent);--button-disabled-background:var(--intent-danger-subtle-disabled-background,transparent);--button-disabled-border:var(--intent-danger-subtle-disabled-border,transparent);--button-disabled-text:var(--intent-danger-subtle-disabled-text,transparent)}&[data-importance=muted]{--button-base-background:var(--intent-danger-muted-base-background,transparent);--button-base-border:var(--intent-danger-muted-base-border,transparent);--button-base-text:var(--intent-danger-muted-base-text,transparent);--button-hover-background:var(--intent-danger-muted-hover-background,transparent);--button-hover-border:var(--intent-danger-muted-hover-border,transparent);--button-hover-text:var(--intent-danger-muted-hover-text,transparent);--button-active-background:var(--intent-danger-muted-active-background,transparent);--button-active-border:var(--intent-danger-muted-active-border,transparent);--button-active-text:var(--intent-danger-muted-active-text,transparent);--button-disabled-background:var(--intent-danger-muted-disabled-background,transparent);--button-disabled-border:var(--intent-danger-muted-disabled-border,transparent);--button-disabled-text:var(--intent-danger-muted-disabled-text,transparent)}&[data-importance=plain]{--button-base-background:var(--intent-danger-plain-base-background,transparent);--button-base-border:var(--intent-danger-plain-base-border,transparent);--button-base-text:var(--intent-danger-plain-base-text,transparent);--button-hover-background:var(--intent-danger-plain-hover-background,transparent);--button-hover-border:var(--intent-danger-plain-hover-border,transparent);--button-hover-text:var(--intent-danger-plain-hover-text,transparent);--button-active-background:var(--intent-danger-plain-active-background,transparent);--button-active-border:var(--intent-danger-plain-active-border,transparent);--button-active-text:var(--intent-danger-plain-active-text,transparent);--button-disabled-background:var(--intent-danger-plain-disabled-background,transparent);--button-disabled-border:var(--intent-danger-plain-disabled-border,transparent);--button-disabled-text:var(--intent-danger-plain-disabled-text,transparent)}}}._button_r522l_1{border-radius:var(--shape-radius-primitive);padding-block:var(--spacing-primitive0);padding-inline:var(--spacing-primitive3);&[data-spacing="-1"]{padding-block:var(--spacing-primitive-1);padding-inline:var(--spacing-primitive2)}&>span{display:inline-flex}}._icon-button_r522l_1{border-radius:var(--shape-radius-primitive);padding:var(--spacing-primitive0);&[data-spacing="-1"]{padding:var(--spacing-primitive-1)}}._primitive_14iew_1{border:var(--shape-stroke-information);border-radius:var(--shape-radius-primitive);padding:var(--spacing-primitive0)}._container_14iew_1{background-color:var(--surface-container);border:var(--shape-stroke-information);border-radius:var(--shape-radius-container);box-shadow:var(--shape-shadow-container);padding:var(--spacing-container0)}._flow_14iew_1{--flow-space:1em;flex-direction:column;justify-content:flex-start;display:flex;&>*{margin-block:0}&>*+:not(:empty){margin-block-start:var(--flow-space)}}._page-content_14iew_1{grid-template-columns:minmax(var(--spacing-container0),1fr)minmax(200px,var(--sizing-max-content-width,100%))minmax(var(--spacing-container0),1fr);display:grid;&>*{grid-column:2/3}}._page_14iew_7{&>header{& p{color:var(--typography-subtle);&:not(:has(+nav)){padding-block-end:var(--spacing-container0)}}& h1{padding-block:var(--spacing-container-3)}}section&>header :is(h1,p):not(:has(+*)){padding-block-end:0}main&{&>header{background-color:var(--surface-container);&:has(nav){box-shadow:0 1px #0000000f}& nav{margin-left:calc(var(--spacing-primitive-1)*-1);margin-right:calc(var(--spacing-primitive-1)*-1);align-items:center;display:flex;& a{color:var(--typography-main);padding:var(--spacing-primitive0)var(--spacing-primitive-1);background:0 0;border:0;-webkit-text-decoration:none;text-decoration:none;position:relative;&:after{content:"";bottom:0;left:var(--spacing-primitive-1);right:var(--spacing-primitive-1);border:1px solid #0000;border-radius:1px 1px 0 0;height:2px;position:absolute}&[aria-current=page]{color:var(--navigation-links-base);&:after{border-color:var(--navigation-links-base)}}&:focus-visible{outline:none;& span{outline:var(--control-focus-stroke);outline-offset:var(--spacing-primitive-4)}}}}}&>[part=content]>section{grid-template-columns:subgrid;display:grid;&>:is([part=content],header){grid-template-columns:subgrid}}&>[part=content]>section>header h1{padding-block-start:0}}&>[part=content]{padding-block:var(--spacing-container0);&>main:has(header)+:not(:empty){margin-block-start:2em}}}
/*# sourceMappingURL=topics.css.map */
._63fIW {
display: none;
}
.OHOb7 {
color: var(--indicator-warning-plain-text);
}
.j5cmI {
--background-base: #1ed760;
--background-highlight: #1fdf64;
--background-press: #169c46;
position: relative;
display: inline-flex;
gap: 0.25em;
align-items: center;
justify-content: center;
padding: var(--spacing-primitive0);
padding-inline: var(--spacing-primitive2);
color: #000;
background-color: var(--background-base);
border-color: var(--background-base);
border-radius: 5em;
svg {
aspect-ratio: 1;
width: 1em;
fill: currentcolor;
stroke: currentcolor;
}
&:hover {
background-color: var(--background-highlight);
border-color: var(--background-highlight);
}
&:active {
background-color: var(--background-press);
border-color: var(--background-press);
}
&[disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: .5;
}
}
.Wc8Bz {
display: flex;
justify-content: space-between;
align-items: center;
min-height: calc(4.5rem + 1vw);
padding: var(--spacing-container-4);
strong, small {
text-overflow: ellipsis;
}
}
.zUHAd {
display: flex;
gap: 1rem;
align-items: center;
}
.VwwUf {
color: var(--indicator-warning-plain-text);
}
.fmIOT {
font-size: var(--s4);
color: #1ed760;
}
.eMiuf {
padding: var(--spacing-primitive-4);
font-size: var(--s3);
&[data-need-device] {
color: var(--indicator-error-plain-text);
}
&[data-has-device] {
/* spotify green */
color: #1ed760;
}
}
.KnfWp {
padding-inline: var(--spacing-primitive-4);
padding-block: var(--spacing-primitive-4);
border-radius: var(--shape-radius-primitive);
background-color: var(--surface-container1);
width: 100%;
p:first-child {
color: var(--typography-muted);
}
p:nth-child(2) {
padding-block: var(--spacing-primitive-1);
font-weight: 550;
font-size: var(--s0);
}
}
.w7rch {
div {
display: flex;
flex-direction: column;
align-items: flex-start;
:where(p:first-child) {
color: var(--typography-subtle);
}
}
&:popover-open {
position: absolute;
inset: auto var(--spacing-container-1) 5rem auto;
display: flex;
flex-direction: column;
gap: var(--spacing-container-1);
margin-right: var(--spacing-container-1);
button {
justify-content: flex-start;
padding-inline: var(--spacing-primitive-4);
span:first-child {
font-size: var(--s1);
}
}
@media (width >= 72rem) {
/* left: calc(50% + var(--sizing-max-content-width) / 2); */
right: calc((100% - var(--sizing-max-content-width)) / 2);
}
}
}
.mx1Wu {
overflow: hidden;
& > div {
overflow: hidden;
}
[role="listbox"] {
overflow: auto;
overscroll-behavior: contain;
}
}
._2IltP {
padding-inline-start: 1.25em;
li {
margin-bottom: var(--spacing-container0);
}
[aria-selected] {
font-weight: bold;
}
}
.QegzI {
position: sticky;
top: 0;
font-size: 8rem;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
text-align: center;
white-space: nowrap;
}
.DlroR {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
gap: var(--spacing-container-2);
p {
overflow: hidden;
text-overflow: ellipsis;
small {
white-space: nowrap;
}
}
}
.KbFaC {
overflow-y: auto;
overscroll-behavior: contain;
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-container-4);
}
.DqakU {
display: grid;
row-gap: 0.8rem;
small {
color: var(--muted-color);
}
.thSDs {
display: grid;
}
.cCwWt {
display: flex;
flex-direction: row;
gap: 0.5em;
}
}
.x6c1D {
display: grid;
grid-template-columns: auto auto;
gap: 0.5em;
justify-content: space-between;
div {
display: flex;
flex-direction: column;
}
time {
font-family: monospace;
font-size: 0.8em;
}
button {
width: auto;
margin: 0;
}
}
.HLt4T {
--percent: -1%;
border-width: 0;
&[data-playing] {
background-image: linear-gradient(
to right,
rgb(0 0 0 / 15%) calc(var(--percent) - 1%),
rgb(0 0 0 / 55%) var(--percent),
transparent calc(var(--percent) + 1%)
);
}
}
._03B3b {
padding: .1em .3em;
font-size: 80%;
font-weight: 500;
color: var(--typography-main);
background-color: #F5F5F5;
border-radius: 4px;
&:not([aria-selected]) {
border: none;
}
&[data-tag="choreography"] {
--color: aqua;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="artistry"] {
--color: coral;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="tricks"] {
--color: bisque;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="flow"] {
--color: yellow;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="posture"] {
--color: gold;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="competition"] {
--color: paleturquoise;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-tag="misc"] {
--color: greenyellow;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
@media (prefers-color-scheme: dark) {
color: var(--typography-inverse);
}
}
._3aHKw {
summary > span {
display: inline-flex;
flex-wrap: wrap;
width: calc(100% - 1.5em);
& > span {
margin-inline-start: auto;
}
}
details&[open] > :is(summary, summary:not(:focus), summary:focus:not([role="button"])) {
margin-bottom: 1em;
font-weight: 500;
color: unset;
}
& > *:not(summary) {
font-size: 80%;
}
}
/* stylelint-disable-next-line selector-class-pattern */
.QY2mg {
position: relative;
min-height: 3em;
meter {
width: 100%;
background: var(--control-background);
&::-webkit-meter-inner-element {
grid-template-rows: 1fr;
}
&::-webkit-meter-bar {
border: 0;
background: var(--control-background);
}
&::-moz-meter-bar {
background: var(--indicator-success-supreme-background);
}
&::-webkit-meter-optimum-value {
background: var(--indicator-success-supreme-background);
}
&:-webkit-meter-optimum-value {
background: var(--indicator-success-supreme-background);
}
}
span {
position: absolute;
inset-block-start: 0;
inset-inline-start: var(--value);
padding: var(--spacing-primitive-2);
padding-block-start: calc(var(--spacing-primitive-2) + 1em);
border-inline-start: 1px solid var(--shape-stroke-color);
}
}
.TnSmf {
[part="body"] {
display: flex;
flex-direction: column;
gap: var(--spacing-container-3);
}
}
.EsCn0 {
font-size: var(--ls-1);
summary {
font-size: var(--s0);
span {
float: right;
}
}
&[open] {
summary {
margin-block-end: var(--spacing-primitive-2);
}
}
}
/* stylelint-disable-next-line selector-class-pattern */
.Ws\+OK {
border-collapse: collapse;
width: 100%;
tr {
border-block-end: 1px solid var(--shape-stroke-color);
&:last-child {
border-block-end: none;
}
}
td {
padding: 0.5rem 0.75rem;
&:last-child {
text-align: right;
}
}
[data-attractivity="attractor"] {
color: var(--indicator-success-plain-text);
}
[data-attractivity="detractor"] {
color: var(--indicator-error-plain-text);
}
}
.Y9k\+p {
display: flex;
justify-content: space-between;
div {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: var(--spacing-primitive-4);
align-items: flex-start;
&:last-child {
align-items: flex-end;
}
}
[data-ratio] {
font-size: var(--s3);
}
[data-bar] {
display: inline-block;
width: var(--ratio, 0);
height: 1em;
&[data-group="artistry"] {
background-color: var(--artistry);
}
&[data-group="tricks"] {
background-color: var(--tricks);
}
}
}
:root {
--artistry: #FEB019;
--comm: #00E396;
--tricks: #008FFB;
--filler: #775DD0;
--void: #A5978B;
--dismounts: #FF4560;
}
.yItDj {
svg {
background: none !important;
}
.vis-timeline > .vis-background:first-child {
background-color: var(--surface-container1);
}
.vis-time-axis.vis-background {
background-color: var(--surface-container);
}
.vis-label {
border-color: var(--control-border-color);
color: var(--typography-subtle);
}
.vis-text {
border-right: 0.5px solid var(--control-border-color);
color: var(--typography-muted);
background-color: var(--surface-container1);
}
.vis-panel,
.vis-timeline,
.vis-group {
border-color: var(--control-border-color);
}
.vis-time-axis .vis-grid.vis-vertical {
border-left: 0.5px solid hsl(from var(--control-border-color) h s calc(l - 5));
}
.vis-group:first-child .vis-item {
margin-top: -15px;
}
.marker .vis-item {
border-color: var(--shape-stroke-color);
color: var(--typography-main);
background-color: var(--surface-popover);
}
.artistry .vis-item {
border-color: var(--artistry);
background-color: var(--artistry);
}
.communication .vis-item {
border-color: var(--comm);
background-color: var(--comm);
}
.tricks .vis-item {
border-color: var(--tricks);
background-color: var(--tricks);
}
.filler .vis-item {
border-color: var(--filler);
background-color: var(--filler);
}
.void .vis-item {
border-color: var(--void);
background-color: var(--void);
}
.dismounts .vis-item {
border-color: var(--dismounts);
background-color: var(--dismounts);
}
.vis-item.vis-selected {
border-color: var(--control-border-color);
background-color: var(--control-focus-selected-background);
}
}
.Qwer7 {
border-collapse: collapse;
thead {
background: var(--surface-container);
}
tfoot {
background: var(--surface-container1);
}
thead, tbody, tfoot {
border: 1px solid var(--shape-stroke-color);
}
th {
text-align: left;
}
th, td {
padding: 0.5rem 0.75rem;
&:first-child {
border-inline-end: 1px solid var(--shape-stroke-color);
}
&:last-child {
border-inline-start: 1px solid var(--shape-stroke-color);
}
}
td:last-child,
td:nth-child(3) {
text-align: right;
}
[data-vis] {
width: 40%;
}
[data-bar] {
display: inline-block;
width: var(--ratio, 0);
height: 1em;
&[data-group="artistry"] {
background-color: var(--artistry);
}
&[data-group="communication"] {
background-color: var(--comm);
}
&[data-group="tricks"] {
background-color: var(--tricks);
}
&[data-group="filler"] {
background-color: var(--filler);
}
&[data-group="dismounts"] {
background-color: var(--dismounts);
}
&[data-group="void"] {
background-color: var(--void);
}
}
}
.FoSU8 {
border-collapse: collapse;
thead {
background: var(--surface-container);
}
thead, tbody {
border: 1px solid var(--shape-stroke-color);
}
th, td {
padding: 0.5rem 0.75rem;
text-align: left;
/* &:first-child {
border-inline-end: 1px solid var(--shape-stroke-color);
}
&:last-child {
border-inline-start: 1px solid var(--shape-stroke-color);
} */
&:is(:first-child, :nth-child(2)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
&:is(:last-child, :nth-child(3)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
}
}
._601qd {
font-size: var(--s-2);
}
.kOVbR {
font-size: var(--s0);
div {
display: flex;
gap: var(--spacing-primitive-1);
}
input {
min-width: 15em;
max-width: 25em;
}
}
.VmPUb {
/* aspect-ratio: 16 / 9;
width: 100%; */
display: flex;
flex-direction: column;
& > :first-child {
overflow: auto;
resize: vertical;
}
iframe {
width: 100%;
min-height: 100%;
}
}
.CX0M7 {
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.bTWEf {
display: flex;
align-items: center;
gap: var(--spacing-container-1);
}
._6zTuh {
padding-block: var(--spacing-primitive-4);
}
.BVfpK {
margin-inline-start: auto;
font-size: var(--s-1);
button {
border: 0;
padding: var(--spacing-primitive-4) !important;
}
}
.P\+7lu {
[role="tabpanel"]:not([hidden]) {
display: flex;
flex-direction: column;
gap: var(--spacing-container0);
}
}
._2SIan {
--min: 15ch;
display: grid;
grid-gap: var(--spacing-container0);
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}
.OPjHp {
display: flex;
flex-direction: column;
& > * + * {
margin-block-start: var(--spacing-container0);
}
hgroup {
display: flex;
flex-direction: column;
gap: var(--spacing-container-4);
}
div {
gap: var(--spacing-container-4);
}
span {
margin-block-start: var(--spacing-container-4);
}
input[type="range"] {
padding: 0;
}
}
.Nv2-x {
display: flex;
flex-direction: column;
}
.adx1G {
font-size: var(--s-1);
&[data-marker="0"],
&[data-marker="1"],
&[data-marker="2"],
&[data-marker="3"],
&[data-marker="4"] {
color: var(--indicator-error-plain-text);
}
&[data-marker="5"],
&[data-marker="6"],
&[data-marker="7"] {
color: var(--indicator-warning-plain-text);
}
&[data-marker="8"],
&[data-marker="9"] {
color: var(--indicator-success-plain-text);
}
}
.XPbWc {
p {
height: 2.5em;
padding: 0.5rem 0.75rem;
border-inline-end: 1px solid var(--shape-stroke-color);
&:last-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
[data-total] {
padding: 0.5rem 0.75rem;
border: 1px solid var(--shape-stroke-color);
background: var(--surface-container1);
}
[data-parts] {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-block-start: 1px solid var(--shape-stroke-color);
border-inline-start: 1px solid var(--shape-stroke-color);
}
[data-category] {
display: grid;
p:first-child {
border-block-end: 1px solid var(--shape-stroke-color);
background: var(--surface-container);
}
}
}
.hoV5I {
&[data-score="label"] {
color: var(--typography-muted);
}
&[data-score="value"] {
font-size: 110%;
}
}
.wl0CA {
display: flex;
flex-direction: column;
& > * + * {
margin-block-start: var(--spacing-container0);
}
hgroup {
display: flex;
flex-direction: column;
gap: var(--spacing-container-4);
}
div {
gap: var(--spacing-container-4);
}
span {
margin-block-start: var(--spacing-container-4);
}
input[type="range"] {
padding: 0;
}
}
.z3mUj {
display: flex;
flex-direction: column;
}
._2C99S {
font-size: var(--s-1);
&[data-marker="0"],
&[data-marker="1"],
&[data-marker="2"],
&[data-marker="3"],
&[data-marker="4"] {
color: var(--indicator-error-plain-text);
}
&[data-marker="5"],
&[data-marker="6"],
&[data-marker="7"] {
color: var(--indicator-warning-plain-text);
}
&[data-marker="8"],
&[data-marker="9"] {
color: var(--indicator-success-plain-text);
}
}
.zqZPp {
p {
height: 2.5em;
padding: 0.5rem 0.75rem;
border-inline-end: 1px solid var(--shape-stroke-color);
&:last-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
[data-total] {
padding: 0.5rem 0.75rem;
border: 1px solid var(--shape-stroke-color);
background: var(--surface-container1);
}
[data-parts] {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-block-start: 1px solid var(--shape-stroke-color);
border-inline-start: 1px solid var(--shape-stroke-color);
}
[data-category] {
display: grid;
p:first-child {
border-block-end: 1px solid var(--shape-stroke-color);
background: var(--surface-container);
}
}
}
.woMSf {
border-collapse: collapse;
thead {
background: var(--surface-container);
th {
border-top: 1px solid var(--shape-stroke-color);
background: var(--surface-container1);
}
}
thead, tbody {
border: 1px solid var(--shape-stroke-color);
}
tbody th {
background: var(--surface-container);
}
/* stylelint-disable-next-line no-descending-specificity */
th, td {
padding: 0.5rem 0.75rem;
text-align: right;
&:is(:first-child, :nth-child(2)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
&:is(:last-child, :nth-child(3)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
&:first-child {
text-align: left;
}
}
}
.sFwuW {
color: var(--indicator-error-plain-text);
&[data-sign="+"] {
color: var(--indicator-success-plain-text);
}
}
.golXW {
background: var(--pico-card-background-color);
border-radius: var(--pico-border-radius);
box-shadow: var(--pico-card-box-shadow);
padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}
.DWWt7 {
header {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
}
}
.DDMzJ {
color: var(--pico-typography-main);
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin: 0;
}
._1lEF8 {
font-size: 8rem;
font-feature-settings: "tnum";
text-align: center;
}
.LrV0Z {
margin: auto;
padding: var(--spacing-container0);
color: var(--typography-main);
background-color: var(--surface-popover);
border-radius: var(--shape-radius-container);
[part="close"] {
position: absolute;
top: var(--spacing-container-2);
right: 0;
}
&[open]:has([part="header"]) {
display: grid;
gap: var(--spacing-container0);
}
}
.-N2Mf {
font-size: var(--s2);
/* background-color: var(--surface-container1); */
}
.B\+fGE {
--min: 25ch;
--gap: 1rem;
display: grid;
grid-gap: var(--gap);
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
h2 {
--font-size: 20px;
margin-bottom: revert;
}
}
.FPq0K {
padding: var(--spacing-container0);
color: var(--alert-text);
background-color: var(--alert-background);
border: var(--shape-stroke);
border-color: var(--alert-border);
border-radius: var(--shape-radius-container);
&[data-indicator="info"] {
&[data-importance="supreme"] {
--alert-background: var(--indicator-info-supreme-background);
--alert-text: var(--indicator-info-supreme-text);
--alert-border: var(--indicator-info-supreme-border);
}
&[data-importance="subtle"] {
--alert-background: var(--indicator-info-subtle-background);
--alert-text: var(--indicator-info-subtle-text);
--alert-border: var(--indicator-info-subtle-border);
}
&[data-importance="plain"] {
--alert-background: var(--indicator-info-plain-background);
--alert-text: var(--indicator-info-plain-text);
--alert-border: var(--indicator-info-plain-border);
}
}
&[data-indicator="success"] {
&[data-importance="supreme"] {
--alert-background: var(--indicator-success-supreme-background);
--alert-text: var(--indicator-success-supreme-text);
--alert-border: var(--indicator-success-supreme-border);
}
&[data-importance="subtle"] {
--alert-background: var(--indicator-success-subtle-background);
--alert-text: var(--indicator-success-subtle-text);
--alert-border: var(--indicator-success-subtle-border);
}
&[data-importance="plain"] {
--alert-background: var(--indicator-success-plain-background);
--alert-text: var(--indicator-success-plain-text);
--alert-border: var(--indicator-success-plain-border);
}
}
&[data-indicator="warning"] {
&[data-importance="supreme"] {
--alert-background: var(--indicator-warning-supreme-background);
--alert-text: var(--indicator-warning-supreme-text);
--alert-border: var(--indicator-warning-supreme-border);
}
&[data-importance="subtle"] {
--alert-background: var(--indicator-warning-subtle-background);
--alert-text: var(--indicator-warning-subtle-text);
--alert-border: var(--indicator-warning-subtle-border);
}
&[data-importance="plain"] {
--alert-background: var(--indicator-warning-plain-background);
--alert-text: var(--indicator-warning-plain-text);
--alert-border: var(--indicator-warning-plain-border);
}
}
&[data-indicator="error"] {
&[data-importance="supreme"] {
--alert-background: var(--indicator-error-supreme-background);
--alert-text: var(--indicator-error-supreme-text);
--alert-border: var(--indicator-error-supreme-border);
}
&[data-importance="subtle"] {
--alert-background: var(--indicator-error-subtle-background);
--alert-text: var(--indicator-error-subtle-text);
--alert-border: var(--indicator-error-subtle-border);
}
&[data-importance="plain"] {
--alert-background: var(--indicator-error-plain-background);
--alert-text: var(--indicator-error-plain-text);
--alert-border: var(--indicator-error-plain-border);
}
}
}
.aYgqQ {
position: fixed;
bottom: 0;
display: grid;
grid-template-columns: minmax(var(--spacing-container0), 1fr) minmax(200px, var(--sizing-max-content-width, 100%)) minmax(var(--spacing-container0), 1fr);
width: 100%;
background-color: var(--surface-container);
border-top: 1px solid #000;
& > * {
grid-column: 2 / 3;
}
}
.\+dWqh {
overflow: hidden;
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
min-width: max-content;
height: 1lh;
font-size: 3rem;
}
.VPHDQ {
&[data-spinning] {
transition: transform 1s ease-in-out;
}
}
.sRkFJ {
display: flex;
align-items: center;
justify-content: center;
[data-spinning] & {
/* filter: blur(1.5px); */
}
}
.frHnE {
padding: 0.25em;
font-size: 80%;
font-weight: 500;
color: var(--typography-code-text);
white-space: nowrap;
background-color: hsl(from var(--typography-code-background) h s calc(l - 3));
border-radius: 4px;
}
.ZOLNp {
aspect-ratio: 16 / 9;
width: 100%;
}
.rLbSO {
border-collapse: collapse;
thead {
background: var(--surface-container);
}
thead, tbody {
border: 1px solid var(--shape-stroke-color);
}
th {
text-align: left;
}
th, td {
padding: 0.5rem 0.75rem;
border-inline-start: 1px solid var(--shape-stroke-color);
&:last-child {
border-inline-end: 1px solid var(--shape-stroke-color);
}
}
td:last-child {
text-align: right;
}
[data-vis] {
width: 40%;
span {
display: inline-block;
width: var(--ratio, 0);
height: 1em;
&[data-group="artistry"] {
background-color: var(--artistry);
}
&[data-group="comm"] {
background-color: var(--comm);
}
&[data-group="tricks"] {
background-color: var(--tricks);
}
&[data-group="filler"] {
background-color: var(--filler);
}
&[data-group="void"] {
background-color: var(--void);
}
}
}
}
.ciW7K {
box-sizing: border-box;
width: 100%;
height: 200px;
font-family: monospace;
font-size: var(--s-1);
}
.VuMkk {
border-collapse: collapse;
thead {
background: var(--surface-container);
th {
border-top: 1px solid var(--shape-stroke-color);
background: var(--surface-container1);
}
}
thead, tbody {
border: 1px solid var(--shape-stroke-color);
}
tbody th {
background: var(--surface-container);
}
/* stylelint-disable-next-line no-descending-specificity */
th, td {
padding: 0.5rem 0.75rem;
text-align: right;
&:is(:first-child, :nth-child(2)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
&:is(:last-child, :nth-child(3)) {
border-inline-start: 1px solid var(--shape-stroke-color);
}
&:first-child {
text-align: left;
}
}
}
.MEkkm {
color: var(--indicator-error-plain-text);
&[data-sign="+"] {
color: var(--indicator-success-plain-text);
}
}
.lT9Cu {
nav {
display: flex;
justify-content: space-between;
margin-bottom: 0.25em;
ul {
display: flex;
gap: var(--spacing-primitive0);
align-items: center;
padding: 0;
list-style-type: none;
}
}
nav > ul > li {
padding-block: 0;
}
.Nxk-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
}
}
._8Jo-T {
transform: scale(0);
display: flex;
gap: 0.1em;
font-size: var(--s3);
text-transform: uppercase;
& > span:nth-child(1) {
color: purple;
}
& > span:nth-child(2) {
color: teal;
}
& > span:nth-child(3) {
color: yellowgreen;
}
& > span:nth-child(4) {
color: orange;
}
& > span:nth-child(5) {
color: darkred;
}
& > span:nth-child(6) {
color: brown;
}
}
.fhijW {
transform: scale(1);
animation: 0.75s _8Gl6Y;
}
._8d7mq {
display: flex;
flex-direction: column;
gap: var(--spacing-primitive0);
}
.uh2Qr {
flex-direction: row;
align-items: flex-end;
& > div {
flex-grow: 1;
}
}
.HoZfi {
appearance: none;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
min-height: 100px;
padding: 0.25rem;
font-size: 80%;
hyphens: auto;
text-align: center;
border: 1px solid grey;
&[data-selected] {
color: var(--indicator-warning-subtle-text);
background-color: var(--indicator-warning-subtle-background);
border-color: var(--indicator-warning-plain-border);
}
&[data-winner] {
color: var(--indicator-success-subtle-text);
background-color: var(--indicator-success-subtle-background);
border-color: var(--indicator-success-subtle-border);
border-width: 2px;
}
}
@keyframes _8Gl6Y {
0%,
20%,
40%,
60%,
80%,
100% {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
transform: scale3d(0.3, 0.3, 0.3);
opacity: 0;
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
transform: scale3d(1.03, 1.03, 1.03);
opacity: 1;
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.IoU3S {
position: absolute;
top: 0;
right: 0;
display: inline;
width: unset;
}
.mfbEU {
padding-inline-start: 1.25em;
> li + li {
margin-block-start: var(--spacing-primitive-1);
}
ul {
padding-inline-start: 1em;
}
}
.mfbEU button {
display: inline;
width: unset;
padding: 0.25em 0.5em;
}
.IQBjk {
font-size: 8rem;
text-align: center;
}
.Gm726 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
gap: 2rem;
justify-content: center;
button {
/* touch */
@media (hover: none) and (pointer: coarse) {
aspect-ratio: 1;
}
}
}
.OkJI4 {
font-size: 36px;
font-style: italic;
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
}
.FWu5h {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: var(--spacing-container0);
/* min-height: calc(100dvh - var(--offset)); */
}
.wQZcu {
margin-block-start: auto;
}
.MwBtv {
display: flex;
h1 {
margin-bottom: 0;
}
button {
font-size: var(--s0);
}
}
.iH2-u {
gap: var(--spacing-container0);
header {
display: flex;
justify-content: space-between;
}
}
.NkXTw {
display: flex;
flex-direction: column;
gap: var(--spacing-container2);
margin-block-start: var(--spacing-container4);
}
.sUHAK {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
gap: var(--spacing-container0);
& > div {
display: grid;
gap: var(--spacing-container0);
padding: var(--spacing-container0);
border-radius: var(--shape-radius-container);
background: var(--surface-container1);
h2 {
text-align: center;
}
& > div {
background: var(--surface-container);
}
}
}
.RC-QY {
padding-top: 4.5rem;
padding-bottom: 6rem;
main {
position: relative;
}
:is(&[data-game], &[data-assistant]) main {
@media (width <= 992px) {
display: none;
}
}
}
._4RwRq {
padding-block: var(--spacing-primitive-4);
padding-inline: var(--spacing-primitive-3);
font-size: 80%;
font-weight: 400;
color: var(--typography-muted);
}
.Em-wx {
header h1 {
padding-block-start: 0;
}
iframe {
margin-bottom: var(--block-spacing-vertical);
}
}
.QO-VS {
display: flex;
flex-wrap: wrap;
gap: var(--s1);
ul {
padding-left: calc(var(--spacing-primitive-3) * 2);
}
> :first-child {
flex-grow: 1;
}
> :last-child {
flex-basis: 0;
flex-grow: 999;
min-inline-size: 75%;
&:not(.U30\+P) > * {
display: flex;
}
}
}
.U30\+P {
display: flex;
flex-direction: column;
gap: var(--spacing-primitive0);
}
.UaoLm {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
article {
margin: 0;
p {
margin: 0;
}
}
margin: var(--block-spacing-vertical) 0;
}
/* .lessons {
counter-reset: lesson;
} */
.mTAXJ {
counter-increment: lesson;
margin-top: calc(var(--pico-typography-spacing-vertical) * 1.5);
}
.mTAXJ::before {
content: counter(lesson) ". ";
}
.tFQiy, ._6yZzL {
padding-inline-start: 1em;
}
.d2oIN {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
margin-bottom: var(--pico-typography-spacing-vertical);
}
._34A4M {
display: flex;
flex-direction: column;
[part="header"] {
display: grid;
gap: var(--spacing-primitive-4);
div {
display: flex;
flex-wrap: wrap;
gap: var(--spacing-primitive-4);
}
}
[part="body"] {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 0.75em;
justify-content: space-between;
ul {
display: flex;
flex-flow: row wrap;
gap: 0.5em;
justify-content: flex-end;
margin: 0;
padding: 0;
font-size: 80%;
}
li {
text-wrap: nowrap;
list-style-type: none;
}
}
}
.Tji4R {
color: var(--typography-main);
&[data-difficulty="beginner"] {
--color: #ACECA1;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-difficulty="intermediate"] {
--color: #91B7C7;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
&[data-difficulty="advanced"] {
--color: #D0AAE3;
background-color: var(--color);
/* color: color-contrast(var(--color) vs var(--typography-main), var(--typography-inverse)); */
}
@media (prefers-color-scheme: dark) {
color: var(--typography-inverse);
}
}
.pPcws {
margin-bottom: var(--typography-spacing-vertical);
}
.YoU4d {
padding-inline-start: 2.5em;
}
.oS6uR {
display: flex;
flex-wrap: wrap;
gap: 2rem;
iframe {
margin-bottom: var(--block-spacing-vertical);
}
.hbf2Q {
display: flex;
flex-direction: column;
gap: var(--spacing-primitive0);
}
aside {
& > section {
padding: 1rem;
background: var(--card-background-color);
border-radius: var(--border-radius);
box-shadow: var(--card-box-shadow);
}
li a {
padding-left: 1.7em;
text-indent: -1.2em;
}
}
}
.oS6uR > :last-child {
flex-basis: 30%;
flex-grow: 1;
}
.oS6uR > :first-child {
flex-basis: 0;
flex-grow: 999;
min-inline-size: 65%;
}
.JWPhW {
width: 80vw;
}
.TRZdr {
container-type: inline-size;
& > div {
display: grid;
grid-template-columns: repeat(4, auto);
& > div {
display: grid;
grid-column: span 4;
grid-template-columns: subgrid;
border-block-start: 1px solid var(--shape-stroke-color);
border-inline-start: 1px solid var(--shape-stroke-color);
& > * {
padding: 0.5rem 0.75rem;
border-inline-end: 1px solid var(--shape-stroke-color);
&:first-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
&:last-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
[data-header] {
background: var(--surface-container1);
border-block-end: 1px solid var(--shape-stroke-color);
}
[data-title] {
grid-column: span 4;
background: var(--surface-container);
details {
&[open] summary {
margin-block-end: var(--spacing-primitive-2);
}
:not(summary) {
color: var(--typography-muted);
}
}
}
[data-instruction] {
& > * + * {
margin-block-start: 1em;
}
}
@container (inline-size < 40em) {
grid-template-columns: auto;
gap: var(--spacing-container0);
& > div {
grid-column: auto;
grid-template-areas:
"title title"
"duration method"
"instruction instruction"
"media media";
grid-template-columns: 1fr 1fr;
border-block-end: 0;
& > * {
border-block-end: 1px solid var(--shape-stroke-color);
}
&:last-child {
border-block-end: 0;
}
}
[data-header] {
display: none;
}
[data-title] {
grid-area: title;
grid-column: auto;
grid-column: span 2;
}
[data-duration] {
grid-area: duration;
}
[data-instruction] {
grid-area: instruction;
}
[data-method] {
grid-area: method;
}
[data-media] {
grid-area: media;
}
}
}
}
.oASVC {
width: 80vw;
}
.lXI6I {
container-type: inline-size;
& > div {
display: grid;
grid-template-columns: repeat(4, auto);
& > div {
display: grid;
grid-column: span 4;
grid-template-columns: subgrid;
border-block-start: 1px solid var(--shape-stroke-color);
border-inline-start: 1px solid var(--shape-stroke-color);
& > * {
padding: 0.5rem 0.75rem;
border-inline-end: 1px solid var(--shape-stroke-color);
}
&:last-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
[data-step] {
& > *:first-child {
border-block-end: 1px solid var(--shape-stroke-color);
}
}
[data-header] {
background: var(--surface-container1);
border-block-end: 1px solid var(--shape-stroke-color);
}
[data-title] {
grid-column: span 4;
background: var(--surface-container);
details {
&[open] summary {
margin-block-end: var(--spacing-primitive-2);
}
:not(summary) {
color: var(--typography-muted);
}
}
}
[data-instruction] > * + * {
margin-block-start: 1em;
}
[data-media] > * + * {
margin-block-start: var(--spacing-primitive-3);
}
@container (inline-size < 40em) {
grid-template-columns: auto;
gap: var(--spacing-container0);
& > div {
grid-column: auto;
grid-template-areas:
"title title"
"duration method"
"instruction instruction"
"media media";
grid-template-columns: 1fr 1fr;
border-block-end: 0;
& > * {
border-block-end: 1px solid var(--shape-stroke-color);
}
&:last-child {
border-block-end: 0;
}
}
[data-header] {
display: none;
}
[data-title] {
grid-area: title;
grid-column: auto;
grid-column: span 2;
}
[data-duration] {
grid-area: duration;
}
[data-instruction] {
grid-area: instruction;
}
[data-method] {
grid-area: method;
}
[data-media] {
grid-area: media;
/*
Use :blank when available
- https://developer.mozilla.org/en-US/docs/Web/CSS/:blank
Workaround:
- https://stackoverflow.com/questions/18313689/empty-selector-not-working-in-css
*/
&:not(:has(*)) {
display: none;
}
}
}
}
}
.Ddrz0 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
gap: var(--spacing-container0);
}
.Vb7\+g [part="content"] section {
grid-template-columns: subgrid;
padding-block: var(--spacing-container0);
& > div {
display: grid;
flex-direction: column;
gap: var(--spacing-container1);
}
&:nth-child(even) {
grid-column: 1 / 4;
text-align: right;
background-color: var(--surface-container1);
clip-path: polygon(
0 6%, /* left top */
100% 0, /* right top */
100% 94%, /* right bottom */
0 100% /* left bottom */
);
& > div {
grid-column: 2 / 3;
padding-block: var(--spacing-container0) var(--spacing-container2);
}
}
}
.rI0Bf {
header > p > p:not(:has(+ *)) {
padding: 0;
}
}
.gRQQW {
display: flex;
flex-wrap: wrap;
gap: 2rem;
iframe {
margin-bottom: var(--block-spacing-vertical);
}
.t7LVi {
display: flex;
flex-direction: column;
gap: var(--spacing-primitive0);
}
aside {
& > section {
padding: 1rem;
background: var(--card-background-color);
border-radius: var(--border-radius);
box-shadow: var(--card-box-shadow);
}
li a {
padding-left: 1.7em;
text-indent: -1.2em;
}
}
}
.gRQQW > :last-child {
flex-basis: 30%;
flex-grow: 1;
}
.gRQQW > :first-child {
flex-basis: 0;
flex-grow: 999;
min-inline-size: 65%;
}
.nOaiE {
margin-bottom: 2em; /* boooh */
}
.c8NJY [part="header"] {
display: flex;
justify-content: space-between;
}
._1KEtu {
header {
border-bottom: var(--border-width) solid var(--table-border-color);
}
ul {
padding-left: 1em;
font-size: 80%;
}
}
.LYm2V {
--min: 25ch;
--gap: 1rem;
display: grid;
grid-gap: var(--gap);
/* min() with 100% prevents overflow in extra narrow spaces */
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}
.o3A8J {
dd > * + * {
margin-block-start: 0.5em;
}
}
/*# sourceMappingURL=chunk.705bf5e9449d4c11ec12.css.map*/