:root{--topo2-accent: var(--tc-main);--topo2-accent-hover: color-mix(in srgb, var(--topo2-accent), white 40%);--topo2-accent-active: color-mix(in srgb, var(--topo2-accent), black 12%);--topo2-surface: #fff;--topo2-text-on-accent: #fff;--topo2-button-padding: 6px 12px;--topo2-font-size: 16px;--topo2-radius: 0;--topo2-border: 2px;--topo2-icon-size: 40px;--topo2-icon-padding: 6px;--topo2-bar-padding-x: 12px;--topo2-pair-gap: 2px;--topo2-field-height: 22px;--topo2-field-font-size: 1em;--topo2-field-row-gap: 4px;--topo2-row-bg: #e2e2e2;--topo2-row-bg-active: #bbb;--topo2-garbage: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V4h6v3'/%3E%3Cpath d='M6 7l1 13h10l1-13'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E");--topo2-eye-base: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2 23.1'%3E%3Cpath fill='%23000' d='M33.2,11.6c-.9-4.6-7.7-11.6-16.6-11.6S.9,6.9,0,11.6c.9,4.6,7.7,11.6,16.6,11.6s15.7-6.9,16.6-11.6'/%3E%3C/svg%3E");--topo2-eye-gloss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.2 23.1'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M16.6,19c4.1,0,7.4-3.3,7.4-7.4s-3.3-7.4-7.4-7.4-7.4,3.3-7.4,7.4,3.3,7.4,7.4,7.4 M16.6,16.3c2.6,0,4.8-2.1,4.8-4.8s-2.1-4.8-4.8-4.8-4.8,2.1-4.8,4.8,2.1,4.8,4.8,4.8'/%3E%3Ccircle fill='%23000' cx='19.6' cy='9.8' r='3.4'/%3E%3C/svg%3E")}.topo2-field-textinput{box-sizing:border-box;height:var(--topo2-field-height);font-size:var(--topo2-field-font-size);padding:0 8px;border:0 solid #fff;border-top-width:4px;border-bottom-width:4px;border-radius:0;background-color:#fff}.topo2-field-textinput:disabled{border:none;background:transparent;color:#000}.topo2-field-label{display:inline-block;height:var(--topo2-field-height);line-height:var(--topo2-field-height);font-size:var(--topo2-field-font-size)}.topo2-field-row{display:flex;margin-bottom:var(--topo2-field-row-gap)}.topo2-garbage{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--topo2-garbage) center / contain no-repeat;mask:var(--topo2-garbage) center / contain no-repeat}.topo2-eye{position:relative;display:inline-block;width:20px;height:14px;background-color:currentColor;-webkit-mask:var(--topo2-eye-base) center / contain no-repeat;mask:var(--topo2-eye-base) center / contain no-repeat}.topo2-eye:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;-webkit-mask:var(--topo2-eye-gloss) center / contain no-repeat;mask:var(--topo2-eye-gloss) center / contain no-repeat}.topo2-btn{--_bg: var(--topo2-surface);--_fg: var(--topo2-accent);--_bd: var(--topo2-accent);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--topo2-button-padding);font-family:inherit;font-size:var(--topo2-font-size);border:var(--topo2-border) solid var(--_bd);border-radius:var(--topo2-radius);background-color:var(--_bg);color:var(--_fg);cursor:pointer;box-shadow:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.topo2-btn--solid{--_bg: var(--topo2-accent);--_fg: var(--topo2-text-on-accent);--_bd: var(--topo2-surface)}.topo2-btn--outline{--_bg: var(--topo2-surface);--_fg: var(--topo2-accent);--_bd: var(--topo2-accent)}.topo2-btn--noborder{--_bd: transparent}.topo2-btn--solid:hover{--_bg: var(--topo2-accent-hover)}.topo2-btn--solid:active{--_bg: var(--topo2-accent-active)}.topo2-btn--outline:hover{--_bg: var(--topo2-accent-hover);--_fg: var(--topo2-text-on-accent);--_bd: var(--topo2-accent-hover)}.topo2-btn--outline:active{--_bg: var(--topo2-accent-active);--_fg: var(--topo2-text-on-accent);--_bd: var(--topo2-accent-active)}.topo2-btn[aria-pressed=true]{--_bg: var(--topo2-accent);--_fg: var(--topo2-text-on-accent);--_bd: var(--topo2-surface)}.topo2-btn[aria-pressed=true]:hover{--_bg: var(--topo2-accent-hover);--_bd: var(--topo2-surface)}.topo2-btn.overlayToolbarBtn[aria-pressed=true],.topo2-btn.overlayToolbarBtn[aria-pressed=true]:hover{--_bd: var(--topo2-accent)}.topo2-btn:focus-visible{outline:2px solid var(--topo2-accent);outline-offset:2px}.topo2-btn:focus{background-color:var(--_bg)!important}.topo2-btn[disabled],.topo2-btn:disabled{opacity:.5;cursor:not-allowed}.topo2-btn--icon{width:var(--topo2-icon-size);height:var(--topo2-icon-size);padding:var(--topo2-icon-padding)}.topo2-btn--icon svg{width:100%;height:100%;display:block}.topo2-btn--bar{height:var(--topo2-icon-size);min-width:var(--topo2-icon-size);padding:0 var(--topo2-bar-padding-x)}.topo2-btn--small{--topo2-icon-size: 30px;--topo2-icon-padding: 5px;--topo2-font-size: 13px;--topo2-bar-padding-x: 14px}.topo2-btn--medium{--topo2-icon-size: 40px;--topo2-icon-padding: 6px;--topo2-font-size: 16px;--topo2-bar-padding-x: 12px}.topo2-handle{background:#f0f0f0;color:#777}.topo2-handle:hover{background:#e2e2e2}.topo2-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.topo2-range::-webkit-slider-runnable-track{height:4px;border-radius:0;background:var(--topo2-row-bg-active, #bbb)}.topo2-range::-moz-range-track{height:4px;border-radius:0;background:var(--topo2-row-bg-active, #bbb)}.topo2-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--topo2-accent)}.topo2-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--topo2-accent)}.topo2-range:disabled{opacity:.5;cursor:default}.topo2-btn-stack{display:flex;flex-direction:column;gap:8px;margin:10px}.topo2-btn-stack--row{flex-direction:row;align-items:center}.topo2-btn-pair{display:flex;gap:var(--topo2-pair-gap);width:var(--topo2-icon-size)}.topo2-btn-pair>.topo2-btn{flex:1 1 0;width:auto;height:auto;min-width:0;aspect-ratio:1;--topo2-icon-padding: 3px}.topo2-stack-label{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--topo2-icon-size);min-width:var(--topo2-icon-size);padding:0 var(--topo2-bar-padding-x);background-color:var(--topo2-surface);color:#000;font-size:var(--topo2-font-size)}.topo-map-type{display:inline-flex;align-items:flex-start;gap:0}.topo-map-type:not(.is-narrow){border:var(--topo2-border) solid var(--topo2-accent)!important}.topo-map-type:not(.is-narrow) .topo2-btn{border:0;--topo2-icon-size: 26px}.topo-map-type:not(.is-narrow)>*+*{border-left:1px solid var(--topo2-accent)!important}.topo-map-type:not(.is-narrow)>*+.topo2-btn{border-left:1px solid var(--topo2-accent)}.topo-map-type-labelwrap{position:relative;display:flex}.topo-map-type-list{position:absolute;top:100%;left:0;min-width:100%;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;background:var(--topo2-surface);border:1px solid var(--topo2-accent)!important;z-index:10}.topo-map-type-list>*+*{border-top:1px solid var(--topo2-accent)}.topo-map-type-labelgrid{display:grid}.topo-map-type-labelgrid>.topo-map-type-opt{grid-area:1 / 1;text-align:center}.topo-map-type-arrow{flex:0 0 auto;align-self:flex-start}.topo-map-type-arrow.is-edge{color:var(--topo2-accent-hover);pointer-events:none}.topo-map-type.is-narrow{flex-direction:column;align-items:flex-start}.topo-map-type.is-narrow>*+*{margin-top:calc(var(--topo2-border) * -1)}.topo-map-type.is-narrow .topo2-btn{position:relative}.topo-map-type.is-narrow .topo2-btn:hover,.topo-map-type.is-narrow .topo2-btn[aria-pressed=true]{z-index:1}
