.nav-item.svelte-1p1avx5{text-decoration:none;display:inline-block;padding:.5rem 1rem;border-radius:1.5rem}.nav-item.svelte-1p1avx5:hover,.nav-item[aria-current=true].svelte-1p1avx5{background:#fff3}.github-link.svelte-1svzs59{color:#fff;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.github-link.svelte-1svzs59:hover{background:#ffffff1a}.mobile-menu-trigger.svelte-1svzs59{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:#fff;font-size:1rem;border:none;padding:.75rem 1.25rem;gap:.5rem;display:none;align-items:center;justify-content:center;border-radius:1.5rem;cursor:pointer}.mobile-menu-trigger.open.svelte-1svzs59{box-shadow:0 0 0 2px #fff}.mobile-menu-trigger.svelte-1svzs59:hover{background:#fff3}@media (max-width: 700px){.mobile-menu-trigger.svelte-1svzs59{display:flex}}@media (max-width: 700px){.main-menu.svelte-1svzs59{position:fixed;width:12rem;right:1.5rem;top:5.5rem;padding:1rem;border-radius:1.5rem;background:#333;visibility:hidden;opacity:0;transition:visibility 0s,opacity .2s}.main-menu.open.svelte-1svzs59{visibility:visible;opacity:1;z-index:1}.main-menu.svelte-1svzs59 li:where(.svelte-1svzs59){min-width:100%}.main-menu.svelte-1svzs59 li:where(.svelte-1svzs59) a{display:block;padding:.75rem 1.25rem;border-radius:1.5rem}}@media (min-width: 700px){ul.svelte-1svzs59{display:flex;gap:.5rem}}:root{--spacing-tiny: .25rem;--spacing-small: .5rem;--spacing-small-medium: .75rem;--spacing-medium: 1rem;--spacing-large: 1.5rem;--spacing-x-large: 2rem;--spacing-xx-large: 3rem;--spacing-xxx-large: 4rem;--border-radius-tiny: .25rem}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul,ol,li{list-style:none}img{max-width:100%}input,select{font-size:inherit}html{font-size:.8rem}@media (min-width: 640px){html{font-size:1rem}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-size:1rem;color:#333}h1{font-size:2.25rem;line-height:1.1;font-weight:500}h2,.drop-down-heading-visually h1{font-size:1.75rem;line-height:1.1;font-weight:500}h3,.drop-down-heading-visually h2{font-size:1.4rem;line-height:1.3;font-weight:600}h4,.drop-down-heading-visually h3{font-size:1rem;line-height:1.3;font-weight:600}.logo a{font-weight:600;display:flex;align-items:center;text-decoration:none;gap:var(--spacing-small-medium);font-size:1.75rem}.logo img{width:3.25rem}.content h1{padding:0 0 1.5rem}.content h2,.content h3,.content p{padding:0 0 .75rem}.content ul,.content ol{padding:0 0 1.5rem 1.5rem}.content ul li{list-style:disc}.content ol li{list-style:decimal}.legal-content ol li{list-style:none}.center{text-align:center}.button,.content .button{border:none;font-size:inherit;padding:.75rem 1.5rem;background:#000;font-weight:600;color:#fff;display:inline-flex;gap:var(--spacing-tiny);justify-content:center;align-items:center;text-decoration:none;border-radius:1.5rem}.button:active,.content .button:hover,.content .button:active{color:#fff;text-decoration:none;border:none}.button:active{scale:.975}.button.inverse{background:#fff;color:#000}.button svg{width:1.25rem;height:1.25rem}.button .icon-fill-wrapper{width:1.25rem;height:1.25rem}.button svg *{stroke:#fff}.button.inverse svg *{stroke:#000}.button .icon-fill-wrapper svg *{stroke:none;fill:#000}.button .icon-fill-wrapper.inverse svg *{fill:#fff}.advantages .image-holder{margin:0 0 1rem}@media (min-width: 640px){.advantages .image-holder{flex:1 1 40%;margin:0}}.buy-obra-icons .column:first-child img{margin-bottom:var(--spacing-large)}@media (min-width: 640px){.buy-obra-icons .column:first-child img{margin-bottom:0}}@media (min-width: 640px){.columns.buy-obra-icons{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--spacing-x-large)}.columns.buy-obra-icons .column{flex:1 1 50%}}@media (min-width: 640px){.advantages{display:grid;gap:var(--spacing-large);grid-template-areas:"a a" "b b" "c d"}.advantages .content{flex:1 1 60%}.advantages li:first-child{display:flex;grid-area:a;align-items:center;gap:var(--spacing-x-large)}.advantages li:nth-child(2){grid-area:b;display:flex;flex-direction:row-reverse;align-items:center;gap:var(--spacing-x-large)}.advantages li:nth-child(3){grid-area:c}.advantages li:nth-child(4){grid-area:d}}@media (min-width: 900px){.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-medium)}}.button-group{display:flex;gap:var(--spacing-small);align-items:center;flex-direction:row}.hero h2{margin-bottom:var(--spacing-large);text-wrap:balance}.hero .preview{margin-bottom:var(--spacing-large);display:flex;justify-content:space-around}.hide-sm{display:none}@media (min-width: 640px){.show-md{display:block}.hide-md{display:none}}.flex{display:flex}.margin-0-auto{margin:0 auto}.justify-content-space-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.padding-small{padding:var(--spacing-small)}.padding-medium{padding:var(--spacing-medium)}.padding-medium{padding:var(--spacing-large)}.padding-x-large{padding:var(--spacing-x-large)}.gap-small{gap:var(--spacing-small)}.gap-medium{gap:var(--spacing-medium)}.gap-large{gap:var(--spacing-large)}.gap-x-large{gap:var(--spacing-x-large)}.margin-bottom-small{margin-bottom:var(--spacing-small)}.margin-bottom-medium{margin-bottom:var(--spacing-medium)}.margin-bottom-large{margin-bottom:var(--spacing-large)}.margin-bottom-x-large{margin-bottom:var(--spacing-x-large)}.text-align-center{text-align:center}.container{max-width:1140px}.container-small{max-width:740px}.vertical-container{padding:var(--spacing-medium) 0}.vertical-container-large{padding:var(--spacing-large) 0}.vertical-container-x-large{padding:var(--spacing-x-large) 0}.vertical-container-xx-large{padding:var(--spacing-xx-large) 0}.vertical-container-xxx-large{padding:var(--spacing-xxx-large) 0}.opacity-75{opacity:.75}.blacked-links a{color:#000}.muted-links a{color:#999}.is-dark{color:#fff}.is-dark p{opacity:.8}.is-dark a{color:#fff}@media (prefers-color-scheme: dark){.responds-to-dark .bg-dark-grey{background:#222}}.is-dark .bg-black{background:#000}.is-dark .bg-dark-grey{background:#222}.bg-dark-grey .content a:link,.bg-dark-grey .content a:visited{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.bg-dark-grey .content a:hover,.bg-dark-grey .content a:active{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container-wrapper{padding:0 0 1rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#000;border-radius:.5rem;height:.25rem}@media (prefers-color-scheme: dark){input[type=range]::-webkit-slider-runnable-track{background-color:#fff}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.5rem;background-color:#000;border:2px solid #FFF;border-radius:1.5rem;height:1.25rem;width:1.25rem}@media (prefers-color-scheme: dark){input[type=range]::-webkit-slider-thumb{background-color:#fff;border:2px solid #000}}input[type=range]:focus::-webkit-slider-thumb{outline:3px solid #808080;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#000;border-radius:.5rem;height:.25rem}@media (prefers-color-scheme: dark){input[type=range]::-moz-range-track{background-color:#fff}}input[type=range]::-moz-range-thumb{background-color:#000;border:2px solid #FFF;border-radius:1.5rem;padding:0;height:1rem;width:1rem}@media (prefers-color-scheme: dark){input[type=range]::-moz-range-thumb{background-color:#fff}}input[type=range]:focus::-moz-range-thumb{outline:3px solid #808080;outline-offset:.125rem}.content a{color:#2038a3;text-decoration:none;border-bottom:1px solid #8090d8}.content a:hover,.content a:active{color:#06124a;border-bottom:1px solid #bfc8ef}.select-holder{position:relative}.select-holder svg{position:absolute;right:.5rem;top:.55rem}.select-holder select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ccc;padding:.75rem;border-radius:1.5rem}@media (prefers-color-scheme: dark){.select-holder select{border:1px solid #4D4D4D;color:#fff;background:#222}}.select-holder select:focus-visible{outline:0;border-color:#000;box-shadow:0 0 0 1px #000}@media (prefers-color-scheme: dark){.select-holder select:focus-visible{border-color:#fff;box-shadow:0 0 0 1px #fff}}@media (prefers-color-scheme: dark){.select-holder svg *{stroke:#fff}.select-holder svg .oi-fill{fill:#fff;stroke:none}}code[class*=language-],pre[class*=language-]{font-size:.75rem}code{padding:.2rem;color:#ce2f55}@media only screen and (prefers-color-scheme: dark){code{color:#f08989}}code[class*=language-],pre[class*=language-]{color:#000;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9rem;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1rem;margin:.5rem 0 1rem;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#eee}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media only screen and (prefers-color-scheme: dark){code[class*=language-],pre[class*=language-]{color:#fff;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;text-shadow:0 -.1em .2em black;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-],:not(pre)>code[class*=language-]{background:#141414}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1rem}pre[class*=language-]::-moz-selection{background:#27292a}pre[class*=language-]::selection{background:#27292a}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#ededed26}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#ededed26}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid hsl(0,0%,33%);box-shadow:1px 1px .3em -.1em #000 inset;padding:.15em .2em .05em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#787878}.token.punctuation,.namespace{opacity:.7}.token.tag,.token.boolean,.token.number,.token.deleted{color:#cf694a}.token.keyword,.token.property,.token.selector,.token.constant,.token.symbol,.token.builtin{color:#f9ee9a}.token.attr-name,.token.attr-value,.token.string,.token.char,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable,.token.inserted{background:none;color:#919e6b}.token.atrule{color:#7386a5}.token.regex,.token.important{color:#e9c163}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{padding:1em 0 1em 3em;position:relative}.language-markup .token.tag,.language-markup .token.attr-name,.language-markup .token.punctuation{color:#ad895c}.token{position:relative;z-index:1}}.tag{background-color:#eee;color:#333;font-size:.8rem;padding:.25rem .5rem;border-radius:15px}.blog-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.rss{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#000}.blog-post{padding-bottom:2rem;border-bottom:1px solid #eee;max-width:700px;margin:0 auto 2rem}.blog-post header{margin:0 0 1.5rem}.blog-post .meta{display:flex;gap:1rem}.blog-post .tag-list{display:flex;gap:.25rem}.blog-post:last-child{border-bottom:none}.blog-post h2{margin-bottom:.5rem}.blog-post h2 a{text-decoration:none;color:inherit}.blog-post h2 a:hover{text-decoration:underline}.blog-post .meta .date{color:#999}