@layer components{.oc-root{--oc-primary:#00c0c2;--oc-strong:#00807f;--oc-strong-hover:#006d6f;--oc-tint:#e5f8f9;--oc-ink:#2d2e3c;--oc-body:#5a5a6a;--oc-dark:#1a1a2e;color:var(--oc-ink)}.oc-root .oc-container{margin-inline:auto;width:100%;max-width:80rem;padding-inline:1rem}.oc-root .oc-card{border-radius:20px}.oc-root .oc-anchor{scroll-margin-top:5rem}.oc-root :focus-visible{outline:2px solid var(--oc-strong-hover);outline-offset:2px}.oc-root .oc-dark :focus-visible{outline-color:#fff}@media (min-width:40rem){.oc-root .oc-container{padding-inline:1.5rem}.oc-root .oc-card{border-radius:30px}.oc-root .oc-anchor{scroll-margin-top:7.25rem}}@media (min-width:64rem){.oc-root .oc-container{padding-inline:2rem}.oc-root .oc-anchor{scroll-margin-top:11rem}}@media (prefers-reduced-motion:reduce){.oc-root *,.oc-root :after,.oc-root :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}}