@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.my-2{margin-top:.5rem;margin-bottom:.5rem}.flex{display:flex}.h-20{height:5rem}.h-\[100px\]{height:100px}.w-20{width:5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * (1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0,0,0,var(--tw-bg-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255,255,255,var(--tw-text-opacity))}.box{width:50px;height:50px}html{font-size:100%}body{font-family:Roboto,Arial,微軟正黑體,Microsoft JhengHei,儷黑 Pro,LiHei Pro,sans-serif}body:before{--size: 45px;--line: color-mix(in lch, canvasText, transparent 85%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}:root{--color-style-carrot: 229, 142, 38;--color-style-yellow: 255, 168, 1;--color-style-red: 231, 76, 60;--color-style-green: 22, 160, 133;--color-style-blue: 41, 128, 185;--color-style-pink: 253, 121, 168;--color-style-purple: 112, 111, 211;--border-color: #bdc3c7;--hover-color: #848a8e;--active-color: #3d3d3d;--input-size: 36px}.text-carrot{color:rgb(var(--color-style-carrot))!important}.bg-carrot{background-color:rgb(var(--color-style-carrot))!important}.text-yellow{color:rgb(var(--color-style-yellow))!important}.bg-yellow{background-color:rgb(var(--color-style-yellow))!important}.text-red{color:rgb(var(--color-style-red))!important}.bg-red{background-color:rgb(var(--color-style-red))!important}.text-green{color:rgb(var(--color-style-green))!important}.bg-green{background-color:rgb(var(--color-style-green))!important}.text-blue{color:rgb(var(--color-style-blue))!important}.bg-blue{background-color:rgb(var(--color-style-blue))!important}.text-pink{color:rgb(var(--color-style-pink))!important}.bg-pink{background-color:rgb(var(--color-style-pink))!important}.text-purple{color:rgb(var(--color-style-purple))!important}.bg-purple{background-color:rgb(var(--color-style-purple))!important}.app{margin:0 auto;padding-right:16px;padding-left:16px;max-width:960px}.my-toggle,.my-radio,.my-checkbox,.my-input,.button{display:inline-block;border:3px solid var(--border-color)}.my-toggle:not(div):enabled:hover,.my-radio:not(div):enabled:hover,.my-checkbox:not(div):enabled:hover,.my-input:not(div):enabled:hover,.button:not(div):enabled:hover{border-color:var(--hover-color)}[data-disabled=true].my-toggle,[data-disabled=true].my-radio,[data-disabled=true].my-checkbox,[data-disabled=true].my-input,[data-disabled=true].button,.my-toggle:disabled,.my-radio:disabled,.my-checkbox:disabled,.my-input:disabled,.button:disabled{pointer-events:none;opacity:.5}section+section,.section+.section{margin-top:12px}section,.section,.my-card{--section-color-rgb: 77, 77, 77;--section-color: rgb(var(--section-color-rgb));--section-color-opacity: rgba(var(--section-color-rgb), .3);background-color:#fafafa;position:relative;padding:50px 16px 8px;border:4px solid var(--section-color);border-radius:8px}section[data-stripes],section[data-gradient],.section[data-stripes],.section[data-gradient],.my-card[data-stripes],.my-card[data-gradient]{background-size:7.07px 7.07px;background-color:#fff;background-image:linear-gradient(135deg,var(--section-color-opacity) 10%,transparent 0,transparent 50%,var(--section-color-opacity) 0,var(--section-color-opacity) 60%,transparent 0,transparent)}section[data-name]:before,.section[data-name]:before,.my-card[data-name]:before{content:attr(data-name);position:absolute;box-sizing:border-box;top:-3px;left:-3px;padding:12px 16px;font-size:28px;font-family:Poppins;text-transform:capitalize;line-height:22px;color:#fff;background-color:var(--section-color);border-radius:8px 0;border:none;z-index:1;pointer-events:none}section section,.section section,.my-card section{--section-color-rgb: var(--color-style-carrot)}section section section,.section section section,.my-card section section{--section-color-rgb: var(--color-style-green)}section section section section,.section section section section,.my-card section section section{--section-color-rgb: var(--color-style-blue)}section.style-1,.section.style-1,.my-card.style-1{--section-color-rgb: var(--color-style1)}section.style-2,.section.style-2,.my-card.style-2{--section-color-rgb: var(--color-style2)}section.style-3,.section.style-3,.my-card.style-3{--section-color-rgb: var(--color-style3)}section.style-carrot,.section.style-carrot,.my-card.style-carrot{--section-color-rgb: var(--color-style-carrot)}section.style-yellow,.section.style-yellow,.my-card.style-yellow{--section-color-rgb: var(--color-style-yellow)}section.style-red,.section.style-red,.my-card.style-red{--section-color-rgb: var(--color-style-red)}section.style-green,.section.style-green,.my-card.style-green{--section-color-rgb: var(--color-style-green)}section.style-blue,.section.style-blue,.my-card.style-blue{--section-color-rgb: var(--color-style-blue)}section.style-pink,.section.style-pink,.my-card.style-pink{--section-color-rgb: var(--color-style-pink)}section.style-purple,.section.style-purple,.my-card.style-purple{--section-color-rgb: var(--color-style-purple)}.my-card{padding:12px 16px;border-width:1px;border-color:#e7e7e7;box-shadow:0 2px 4px #0307120a,0 1px 2px -1px #03071214,0 0 0 1px #03071214}.my-tab-btn{display:inline-flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background-color:#fff;padding:8px 24px;border:3px solid #111;border-radius:8px;transition:all .14s ease-out;text-decoration:none;font-size:24px}.my-tab-btn:hover:not(:active){transform:translate(-4px,-4px);box-shadow:4px 4px #000}.my-tab-btn[data-active=true],.my-tab-btn[aria-selected=true]{background-color:#d4d4d4;transform:translate(-4px,-4px);box-shadow:4px 4px #000}.my-btn-link{border-color:transparent;background-color:transparent;text-decoration-line:underline;outline-color:currentColor;font-size:24px;padding:8px 24px;display:inline-block;cursor:pointer;border-radius:12px}.my-btn-link:hover{background-color:#ededed}.my-btn{--bg-color: #dedede;--bg-hover-color:#bbbbbb;padding:6px 24px;font-size:24px;cursor:pointer;background-color:var(--bg-color);border-radius:8px;transition:all .2s;transform-origin:center center}.my-btn:hover{background-color:var(--bg-hover-color)}.my-btn:active{transform:scale(.95)}.my-btn[data-active=true]{color:#fff;background-color:#000}.my-btn.style-carrot{color:#fff;--bg-color: rgba(var(--color-style-carrot), .85);--bg-hover-color: rgb(var(--color-style-carrot))}.my-btn.style-yellow{color:#fff;--bg-color: rgba(var(--color-style-yellow), .85);--bg-hover-color: rgb(var(--color-style-yellow))}.my-btn.style-red{color:#fff;--bg-color: rgba(var(--color-style-red), .85);--bg-hover-color: rgb(var(--color-style-red))}.my-btn.style-green{color:#fff;--bg-color: rgba(var(--color-style-green), .85);--bg-hover-color: rgb(var(--color-style-green))}.my-btn.style-blue{color:#fff;--bg-color: rgba(var(--color-style-blue), .85);--bg-hover-color: rgb(var(--color-style-blue))}.my-btn.style-pink{color:#fff;--bg-color: rgba(var(--color-style-pink), .85);--bg-hover-color: rgb(var(--color-style-pink))}.my-btn.style-purple{color:#fff;--bg-color: rgba(var(--color-style-purple), .85);--bg-hover-color: rgb(var(--color-style-purple))}.my-btn2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:8px;border-width:2px;border-color:#000;box-shadow:#0003 0 2px 4px,#00000026 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:56px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:24px;padding-right:24px;position:relative;text-align:center;text-decoration:none;transition:box-shadow .15s,transform .15s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:20px}.my-btn2:focus{outline:none;box-shadow:#d6d6e7 0 0 0 1.5px inset,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.my-btn2:hover{box-shadow:#0000004d 0 4px 8px,#0003 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.my-btn2:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.button{position:relative;margin-bottom:5px;padding:6px 24px;font-size:24px;font-weight:700;text-align:center;color:#000;background-color:#ecf0f1;border-radius:8px;box-shadow:0 6px #7f8c8d;transition:transform .35s,box-shadow .35s;cursor:pointer}.button:active{transform:translateY(3px);box-shadow:0 3px #95a5a6}.button+.button{margin-right:15px}.my-input{display:inline-block;padding:6px 10px;font-size:20px;background-color:#fff;border-radius:6px;box-shadow:none;transition:border .25s linear,color .25s linear,background-color .25s linear}.my-input:focus{border-color:#000}.my-input[disabled],.my-input:disabled{color:#d5dbdb;background-color:#f4f6f6;border-color:#d5dbdb;opacity:.7;cursor:default}@keyframes check-mark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}@keyframes radio-mark{0%{box-shadow:0 0 0 12px #fff inset,0 0 0 12px #fff inset}50%{box-shadow:0 0 0 3px #fff inset,0 0 0 3px #fff inset}to{box-shadow:0 0 0 4px #fff inset,0 0 0 4px #fff inset}}.my-checkbox{margin-right:5px;width:var(--input-size);height:var(--input-size);background-color:#fff;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.my-checkbox[data-checked=true],.my-checkbox:checked{background-repeat:no-repeat;background-color:var(--active-color);border-color:var(--active-color);animation:check-mark .2s ease-in-out;background-image:linear-gradient(-45deg,transparent 65%,var(--active-color) 65.99%),linear-gradient(45deg,transparent 75%,var(--active-color) 75.99%),linear-gradient(-45deg,var(--active-color) 40%,transparent 40.99%),linear-gradient(45deg,var(--active-color) 30%,white 30.99%,white 40%,transparent 40.99%),linear-gradient(-45deg,white 50%,var(--active-color) 50.99%)}.my-checkbox:active{border-color:var(--active-color)}.my-checkbox:active:checked{border-color:var(--border-color)}.my-radio{margin-right:5px;width:var(--input-size);height:var(--input-size);border-radius:9999px;transition:background,box-shadow var(--animation-input, .2s) ease-in-out;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.my-radio[data-checked=true],.my-radio:checked{background-color:var(--active-color);animation:radio-mark var(--animation-input, .2s) ease-in-out;box-shadow:0 0 0 4px #fff inset,0 0 0 4px #fff inset}.my-radio:not(:checked):active{border-color:var(--active-color)}.my-toggle{cursor:pointer;--handleoffset: 1.45rem;width:calc(var(--input-size) * 1.85);height:var(--input-size);background-color:var(--border-color);border-radius:999px;box-shadow:calc(var(--handleoffset) * -1) 0 0 2px #fff inset,0 0 0 2px #fff inset;transition:background,box-shadow .2s ease-in-out;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.my-toggle:not(:checked):active{border-color:var(--active-color);box-shadow:calc(var(--handleoffset) * -.8) 0 0 2px #fff inset,0 0 0 2px #fff inset}.my-toggle[data-checked=true],.my-toggle:checked{background-color:var(--active-color);border-color:var(--active-color);box-shadow:var(--handleoffset) 0 0 2px #fff inset,0 0 0 2px #fff inset}.my-toggle[data-checked=true]:active,.my-toggle:checked:active{box-shadow:calc(var(--handleoffset) * .8) 0 0 2px #fff inset,0 0 0 2px #fff inset}.my-code{position:relative;overflow:hidden;overflow-x:auto;padding-top:16px;padding-bottom:16px;min-width:18rem;color:#fff;background-color:#2d3436;border-radius:8px}.my-code:before{display:block;margin-bottom:20px;width:16px;height:16px;border-radius:9999px;opacity:.3;box-shadow:1.4em 0,2.8em 0,4.2em 0;content:""}.my-code pre{margin-bottom:0;padding:0 1.25rem;line-height:1.2}.my-code pre[data-prefix]{padding-left:0}.my-code pre[data-prefix]:before{display:inline-block;margin-right:.85rem;width:2rem;font-size:1rem;text-align:right;opacity:.5;content:attr(data-prefix)}@keyframes animate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-spinner{display:inline-block;width:48px;height:48px;overflow:hidden}.my-spinner:before{content:"";display:block;width:100%;height:100%;border:4px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:animate-spin 1s linear infinite}.my-loading{--mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHN0cm9rZT0nIzAwMCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxzdHlsZT4uc3Bpbm5lcl9WOG0xe3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyO2FuaW1hdGlvbjpzcGlubmVyX3pLb2EgMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX1Y4bTEgY2lyY2xle3N0cm9rZS1saW5lY2FwOnJvdW5kO2FuaW1hdGlvbjpzcGlubmVyX1lwWlMgMS41cyBlYXNlLW91dCBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfektvYXsxMDAle3RyYW5zZm9ybTpyb3RhdGUoMzYwZGVnKX19QGtleWZyYW1lcyBzcGlubmVyX1lwWlN7MCV7c3Ryb2tlLWRhc2hhcnJheTowIDE1MDtzdHJva2UtZGFzaG9mZnNldDowfTQ3LjUle3N0cm9rZS1kYXNoYXJyYXk6NDIgMTUwO3N0cm9rZS1kYXNob2Zmc2V0Oi0xNn05NSUsMTAwJXtzdHJva2UtZGFzaGFycmF5OjQyIDE1MDtzdHJva2UtZGFzaG9mZnNldDotNTl9fTwvc3R5bGU+PGcgY2xhc3M9J3NwaW5uZXJfVjhtMSc+PGNpcmNsZSBjeD0nMTInIGN5PScxMicgcj0nOS41JyBmaWxsPSdub25lJyBzdHJva2Utd2lkdGg9JzMnPjwvY2lyY2xlPjwvZz48L3N2Zz4=);-webkit-mask-image:var(--mask-image);mask-image:var(--mask-image);pointer-events:none;display:inline-block;aspect-ratio:1/1;width:48px;background-color:currentColor;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.my-spinner-wrap[data-loading=true]{position:relative}.my-spinner-wrap[data-loading=true]:before{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#ffffffa6;z-index:10;content:""}.my-spinner-wrap[data-loading=true]:after{position:absolute;top:50%;left:50%;display:block;margin-top:-20px;margin-left:-20px;z-index:11;content:"";width:48px;height:48px;border:4px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:animate-spin 1s linear infinite}.my-range{overflow:hidden;width:100%;height:1.5rem;background-color:transparent;border-radius:6px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;--range-active-color: var(--active-color)}.my-range:active{--range-active-color: black}.my-range::-webkit-slider-runnable-track{width:100%;height:.5rem;background-color:var(--border-color);border-radius:0}.my-range::-webkit-slider-thumb{position:relative;top:50%;width:1.5rem;height:1.5rem;background-color:#fff;border-style:none;border-radius:8px;box-shadow:0 0 0 3px var(--range-active-color) inset,calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size) var(--range-active-color);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;transform:translateY(-50%);--filler-size: 100rem;--filler-offset: .6rem}@keyframes loading-skeleton{to{transform:translate(100%)}}.my-skeleton{--base-color: #ccc;--highlight-color: #f5f5f5;position:relative;display:inline-flex;overflow:hidden;width:100%;min-height:1.2rem;background-color:var(--base-color);border-radius:.25rem;z-index:1;line-height:1}.my-skeleton:after{position:absolute;top:0;right:0;left:0;display:var(--pseudo-element-display);height:100%;background-repeat:no-repeat;content:" ";background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation:loading-skeleton 1.5s ease-in-out infinite}.my-skeleton[data-type=circle]{height:100%;border-radius:50%}.my-indicator{position:relative;display:inline-flex;width:-moz-max-content;width:max-content}@keyframes data-fixme-scale-bound{0%{transform:translate(var(--translate-x),var(--translate-y)) scale(1)}to{transform:translate(var(--translate-x),var(--translate-y)) scale(1.1)}}.my-indicator-item{--translate-x: 50%;--translate-y: -50%;position:absolute;top:0;bottom:auto;right:0;left:auto;padding-right:.563rem;padding-left:.563rem;width:-moz-fit-content;width:fit-content;min-width:26px;height:1.25rem;min-height:26px;font-size:14px;color:#fff;background-color:var(--active-color);border-radius:20px;transform:translate(var(--translate-x),var(--translate-y));line-height:1.25rem}.my-indicator-item[data-fixme]{font-size:16px;font-weight:700;background-color:#17c0eb;outline:3px solid black;animation:data-fixme-scale-bound 2s ease-in-out infinite;animation-direction:alternate}.my-nav-wrap.my-nav-wrap--fixed{position:fixed;top:0;left:10%;width:80%;z-index:999}.my-nav-space{height:70px;display:block}.my-nav{background-color:#fff;border-radius:8px;padding:6px 16px;display:flex;margin:8px 0;border:2px solid #ccc}.my-nav>:not([hidden])~:not([hidden]){margin-left:12px}.my-nav .my-nav__item{padding:6px 8px;display:inline-block;background-color:transparent;border:none;color:#777;font-size:24px;cursor:pointer;border-radius:8px;position:relative}.my-nav .my-nav__item:hover{color:#000;background-color:#eee}.my-nav .my-nav__item[data-active=true]{color:#000;font-weight:700}.my-nav .my-nav__item[data-active=true]:after{content:"";display:block;width:100%;height:2px;background-color:#000;position:absolute;left:0;bottom:0}@keyframes my-pulse{50%{opacity:.5}}.my-animate-pulse{animation:my-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.my-collapse{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .2s ease-in-out}.my-collapse[data-active=true],.my-collapse[open]{grid-template-rows:1fr}.my-collapse[data-active=true] .my-collapse-content,.my-collapse[open] .my-collapse-content{transform:translateY(0)}.my-collapse .my-collapse-content{transition:transform .2s ease-in-out;overflow:hidden;transform:translateY(1rem)}