.info.svelte-1m12uht.svelte-1m12uht{position:relative}.info.svelte-1m12uht p.svelte-1m12uht{pointer-events:none;position:absolute;top:0;width:max-content;opacity:0;border:solid 1px hsl(var(--clr-surface-2),1);background-color:hsl(var(--clr-surface-1),1);color:hsl(var(--clr-on-surface-2),1);padding:.5rem;border-radius:var(--round-2);z-index:5;transition:opacity var(--transition-100)}.info.svelte-1m12uht svg.svelte-1m12uht{fill:hsl(var(--clr-primary-5),1)}.info.svelte-1m12uht:hover p.svelte-1m12uht{opacity:1;pointer-events:all}.wrapper.svelte-1asfraq.svelte-1asfraq{display:flex;flex-direction:column;gap:.25rem}label.svelte-1asfraq.svelte-1asfraq{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:max-content 1fr max-content;grid-template-areas:"label" "input";gap:.5rem}label.svelte-1asfraq select.svelte-1asfraq{grid-area:input}label.svelte-1asfraq span.svelte-1asfraq{grid-area:label;font-weight:var(--fw-semibold);display:flex;gap:1rem}label.svelte-1asfraq select.svelte-1asfraq,label.svelte-1asfraq p.svelte-1asfraq{transition:color var(--transition-200)}select.svelte-1asfraq option.svelte-1asfraq{color:#000}select.svelte-1asfraq.svelte-1asfraq:focus{color:hsl(var(--clr-primary-5),1)}.error.svelte-1asfraq.svelte-1asfraq{color:hsl(var(--clr-error-5),1);font-weight:var(--fw-semibold);width:100%}.wrapper.svelte-py84ca.svelte-py84ca{position:relative}.wrapper.svelte-py84ca.svelte-py84ca:after{content:"";display:block;position:absolute;width:100%;heigh:100%;top:0;left:-1rem;width:3px;display:flex;height:100%;transition:background-color .2s}.wrapper.active.svelte-py84ca.svelte-py84ca:after{background-color:hsl(var(--clr-primary-5),1)}.header.svelte-py84ca.svelte-py84ca{display:flex;justify-content:space-between}.header.svelte-py84ca .switch-wrapper.svelte-py84ca{display:flex;gap:1rem;align-items:center}.card-wrapper.svelte-py84ca.svelte-py84ca{background-color:hsl(var(--clr-surface-1),1);border-radius:1rem}.card-wrapper.svelte-py84ca .example{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem}.top-buttons.svelte-py84ca.svelte-py84ca{background-color:hsl(var(--clr-surface-3),1);padding:1rem;border-radius:1rem;display:flex;gap:1rem}.options.svelte-py84ca.svelte-py84ca{display:grid;grid-template-rows:0fr;transition:all .2s;border-radius:1rem}.options.svelte-py84ca>.svelte-py84ca{overflow:hidden}.options.options-open.svelte-py84ca.svelte-py84ca{grid-template-rows:1fr;background-color:hsl(var(--clr-surface-2),1);padding:1rem}.options.svelte-py84ca ul.svelte-py84ca{display:flex;flex-wrap:wrap;gap:1rem 2rem}:root{--clr-primary-0:176, 42%, 48%;--clr-primary-1:176, 42%, 46%;--clr-primary-2:176, 42%, 44%;--clr-primary-3:176, 42%, 43%;--clr-primary-4:176, 42%, 40%;--clr-primary-5:176, 42%, 38%;--clr-primary-6:176, 42%, 35%;--clr-primary-7:176, 42%, 31%;--clr-primary-8:176, 42%, 28%;--clr-primary-9:176, 42%, 26%;--clr-on-primary-0:0, 0%, 7.705882352941177%;--clr-on-primary-1:0, 0%, 4.705882352941177%;--clr-on-primary-2:0, 0%, 1.7058823529411766%;--clr-secondary-0:19, 75%, 61%;--clr-secondary-1:19, 75%, 59%;--clr-secondary-2:19, 75%, 57%;--clr-secondary-3:19, 75%, 55%;--clr-secondary-4:19, 75%, 52%;--clr-secondary-5:19, 75%, 50%;--clr-secondary-6:19, 75%, 46%;--clr-secondary-7:19, 75%, 41%;--clr-secondary-8:19, 75%, 37%;--clr-secondary-9:19, 75%, 35%;--clr-on-secondary-0:0, 0%, 7.705882352941177%;--clr-on-secondary-1:0, 0%, 4.705882352941177%;--clr-on-secondary-2:0, 0%, 1.7058823529411766%;--clr-surface-0:0, 0%, 100%;--clr-surface-1:0, 0%, 100%;--clr-surface-2:0, 0%, 100%;--clr-surface-3:0, 0%, 100%;--clr-surface-4:0, 0%, 98%;--clr-surface-5:0, 0%, 97%;--clr-surface-6:0, 21%, 91%;--clr-surface-7:0, 25%, 84%;--clr-surface-8:0, 25%, 66%;--clr-surface-9:0, 23%, 54%;--clr-on-surface-0:0, 0%, 7.705882352941177%;--clr-on-surface-1:0, 0%, 4.705882352941177%;--clr-on-surface-2:0, 0%, 1.7058823529411766%;--clr-success-0:158, 60%, 51%;--clr-success-1:158, 60%, 49%;--clr-success-2:158, 60%, 47%;--clr-success-3:158, 60%, 46%;--clr-success-4:158, 60%, 43%;--clr-success-5:158, 60%, 41%;--clr-success-6:158, 60%, 38%;--clr-success-7:158, 60%, 34%;--clr-success-8:158, 60%, 31%;--clr-success-9:158, 60%, 29%;--clr-on-success-0:0, 0%, 7.705882352941177%;--clr-on-success-1:0, 0%, 4.705882352941177%;--clr-on-success-2:0, 0%, 1.7058823529411766%;--clr-warning-0:43, 87%, 55%;--clr-warning-1:43, 87%, 54%;--clr-warning-2:43, 87%, 52%;--clr-warning-3:43, 87%, 50%;--clr-warning-4:43, 87%, 48%;--clr-warning-5:43, 87%, 46%;--clr-warning-6:43, 87%, 43%;--clr-warning-7:43, 87%, 38%;--clr-warning-8:43, 87%, 35%;--clr-warning-9:43, 87%, 33%;--clr-on-warning-0:0, 0%, 7.705882352941177%;--clr-on-warning-1:0, 0%, 4.705882352941177%;--clr-on-warning-2:0, 0%, 1.7058823529411766%;--clr-error-0:0, 84%, 72%;--clr-error-1:0, 84%, 70%;--clr-error-2:0, 84%, 67%;--clr-error-3:0, 84%, 65%;--clr-error-4:0, 84%, 62%;--clr-error-5:0, 84%, 59%;--clr-error-6:0, 84%, 55%;--clr-error-7:0, 84%, 48%;--clr-error-8:0, 84%, 44%;--clr-error-9:0, 84%, 41%;--clr-on-error-0:0, 0%, 7.705882352941177%;--clr-on-error-1:0, 0%, 4.705882352941177%;--clr-on-error-2:0, 0%, 1.7058823529411766%}.wrapper.svelte-1rzzdvk.svelte-1rzzdvk{max-width:900px;margin:auto;margin-bottom:4rem}@media (max-width: 900px){.wrapper.svelte-1rzzdvk.svelte-1rzzdvk{padding:2rem}}@media (max-width: 600px){.wrapper.svelte-1rzzdvk.svelte-1rzzdvk{padding:1rem}}.guide.svelte-1rzzdvk.svelte-1rzzdvk{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:auto;margin-top:4rem}.guide.svelte-1rzzdvk .subtitle.svelte-1rzzdvk{margin-bottom:0}@media (max-width: 600px){.guide.svelte-1rzzdvk.svelte-1rzzdvk{padding:2rem}}@media (max-width: 600px){.guide.svelte-1rzzdvk.svelte-1rzzdvk{padding:1rem}}.title.svelte-1rzzdvk.svelte-1rzzdvk{margin-top:2rem}.components.svelte-1rzzdvk.svelte-1rzzdvk{display:flex;flex-direction:column;gap:4rem}hr.svelte-1rzzdvk.svelte-1rzzdvk{margin:4rem 0}hr.guide-divider.svelte-1rzzdvk.svelte-1rzzdvk{margin-bottom:2rem}.final-text.svelte-1rzzdvk.svelte-1rzzdvk{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:auto}@media (max-width: 600px){.final-text.svelte-1rzzdvk.svelte-1rzzdvk{padding:2rem}}@media (max-width: 600px){.final-text.svelte-1rzzdvk.svelte-1rzzdvk{padding:1rem}}