.not-found-module-scss-module__2jWFaq__page{min-height:100dvh;padding:var(--oc-space-section-padding-viewport);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.not-found-module-scss-module__2jWFaq__page .not-found-module-scss-module__2jWFaq__title{font-size:clamp(5rem,5vw,10rem);line-height:1.2}.not-found-module-scss-module__2jWFaq__overlay{padding:var(--oc-space-section-padding-viewport);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.not-found-module-scss-module__2jWFaq__overlay .not-found-module-scss-module__2jWFaq__badge{display:inline-block}
.oc-Badge-module__badge__ZbEBU{font-size:calc(var(--oc-typo-size-label1)*var(--oc-typo-size-factor,1));line-height:calc(var(--oc-typo-height-label1)*var(--oc-typo-size-factor,1));letter-spacing:var(--oc-typo-spacing-label1);font-weight:var(--oc-typo-weight-label1-medium);isolation:isolate;justify-content:center;align-items:center;gap:var(--oc-space-item-gap-atom);appearance:none;color:var(--oc-badge-color);text-align:center;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}.oc-Badge-module__badge__ZbEBU:before{z-index:1;box-sizing:content-box;border-radius:var(--oc-badge-radius);background-color:var(--oc-badge-background-color);padding:var(--oc-badge-padding-y)var(--oc-badge-padding-x);content:"";block-size:100%;inline-size:100%;opacity:var(--oc-badge-background-opacity);position:absolute;inset-block-start:calc(-1*var(--oc-badge-padding-y));inset-inline-start:calc(-1*var(--oc-badge-padding-x))}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D){border-radius:var(--oc-badge-radius);padding:var(--oc-badge-padding-y)var(--oc-badge-padding-x);--oc-interaction-inset-x:0;--oc-interaction-inset-y:0;overflow:hidden}.oc-Badge-module__badge__ZbEBU:where(.oc-Badge-module__padding__kNk-D):before{padding:0;inset:0}.oc-Badge-module__badge__ZbEBU:focus-visible>[data-oc-component=interaction]{opacity:var(--oc-interaction-opacity-focus);transform:scale(1)}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true]{-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-Badge-module__badge__ZbEBU[data-oc-interactive=true] [data-oc-part=content]{pointer-events:none}.oc-Badge-module__badge__ZbEBU [data-oc-part=content]{z-index:3;position:relative}.oc-Badge-module__badge__ZbEBU>[data-oc-component=interaction]{z-index:2;border-radius:var(--oc-badge-radius)}.oc-Badge-module__badge__ZbEBU{--oc-badge-padding-x:.4em;--oc-badge-padding-y:.25em;--oc-badge-radius:max(0px,.4em*var(--oc-atomic-radius-factor));--oc-badge-color:var(--oc-color-theme-label-alternative);--oc-badge-background-color:transparent;--oc-badge-background-opacity:var(--oc-color-global-opacity-100);--oc-interaction-color:currentcolor;--oc-interaction-inset-x:calc(-1*var(--oc-badge-padding-x));--oc-interaction-inset-y:calc(-1*var(--oc-badge-padding-y));--oc-interaction-radius:var(--oc-badge-radius)}.oc-Badge-module__normal__tNcew{--oc-badge-color:var(--oc-color-theme-label-alternative);--oc-badge-background-color:var(--oc-color-theme-fill-normal)}.oc-Badge-module__accent__nIDKx{--oc-badge-color:var(--oc-badge-accent-color,var(--oc-color-theme-primary-normal));--oc-badge-background-color:var(--oc-badge-accent-color,var(--oc-color-theme-primary-normal));--oc-badge-background-opacity:var(--oc-color-global-opacity-8)}.oc-Badge-module__overlay__4KVqG{-webkit-backdrop-filter:blur(var(--oc-atomic-blur-normal));backdrop-filter:blur(var(--oc-atomic-blur-normal));--oc-badge-color:var(--oc-color-theme-label-normal);--oc-badge-background-color:var(--oc-color-theme-background-normal-normal);--oc-badge-background-opacity:var(--oc-color-global-opacity-74)}.oc-Badge-module__tiny__2VWq-{font-size:calc(var(--oc-typo-size-caption1)*var(--oc-typo-size-factor,1));line-height:calc(var(--oc-typo-height-caption1)*var(--oc-typo-size-factor,1));letter-spacing:var(--oc-typo-spacing-caption1);font-weight:var(--oc-typo-weight-caption1-bold);--oc-badge-padding-x:.375em;--oc-badge-padding-y:.1em;--oc-badge-radius:max(0px,.3125em*var(--oc-atomic-radius-factor))}
.style-module-scss-module__87i7iW__playground{max-width:100%}.style-module-scss-module__87i7iW__header{margin-bottom:2rem}.style-module-scss-module__87i7iW__title{font-size:calc(var(--oc-typo-size-heading2)*var(--oc-typo-size-factor,1));line-height:calc(var(--oc-typo-height-heading2)*var(--oc-typo-size-factor,1));letter-spacing:var(--oc-typo-spacing-heading2);font-weight:var(--oc-typo-weight-heading2-bold);margin-bottom:.5rem}.style-module-scss-module__87i7iW__description{font-size:calc(var(--oc-typo-size-body1)*var(--oc-typo-size-factor,1));line-height:calc(var(--oc-typo-height-body1)*var(--oc-typo-size-factor,1));letter-spacing:var(--oc-typo-spacing-body1);color:var(--oc-color-theme-label-assistive)}.style-module-scss-module__87i7iW__content{grid-template-columns:1fr 20rem;align-items:start;gap:2rem;display:grid}.style-module-scss-module__87i7iW__preview{background:var(--oc-color-theme-background-elevated-normal);border:1px solid var(--oc-color-theme-line-normal-normal);border-radius:.5rem;justify-content:center;align-items:center;min-height:20rem;padding:3rem;display:flex}.style-module-scss-module__87i7iW__previewInner{gap:var(--oc-space-item-gap-medium);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.style-module-scss-module__87i7iW__controls{background:var(--oc-color-theme-background-normal-normal);border:1px solid var(--oc-color-theme-line-normal-normal);border-radius:.5rem;padding:1.5rem;position:sticky;top:2rem}.style-module-scss-module__87i7iW__controlsTitle{font-size:calc(var(--oc-typo-size-headline1)*var(--oc-typo-size-factor,1));line-height:calc(var(--oc-typo-height-headline1)*var(--oc-typo-size-factor,1));letter-spacing:var(--oc-typo-spacing-headline1);font-weight:var(--oc-typo-weight-headline1-bold);margin-bottom:1.5rem}.style-module-scss-module__87i7iW__controlsList{flex-direction:column;gap:1.5rem;display:flex}
main.page-module-scss-module__9XiXYa__page>section{flex-direction:column;min-height:100svh;display:flex;position:relative}main.page-module-scss-module__9XiXYa__page>section:after{content:"";box-shadow:inset 0 0 0 1px var(--oc-color-theme-primary-normal);pointer-events:none;position:absolute;inset:0}main.page-module-scss-module__9XiXYa__page>section div{flex:1 1 0;position:relative}main.page-module-scss-module__9XiXYa__page>section div>span{width:var(--oc-clamp-box-size);height:var(--oc-clamp-box-size);background-color:var(--oc-color-theme-label-normal);justify-content:center;align-items:center;display:flex}main.page-module-scss-module__9XiXYa__page>section div:after{content:"";box-shadow:inset 0 0 0 1px var(--oc-color-theme-line-normal-normal);pointer-events:none;position:absolute;inset:0}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-padding-viewport-x{--oc-clamp-box-size:var(--oc-space-section-padding-viewport-x)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-padding-viewport-y{--oc-clamp-box-size:var(--oc-space-section-padding-viewport-y)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-gap-section{--oc-clamp-box-size:var(--oc-space-section-gap-section)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-gap-xlarge{--oc-clamp-box-size:var(--oc-space-section-gap-xlarge)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-gap-large{--oc-clamp-box-size:var(--oc-space-section-gap-large)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__section-gap-medium{--oc-clamp-box-size:var(--oc-space-section-gap-medium)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-large{--oc-clamp-box-size:var(--oc-space-item-padding-large)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-medium{--oc-clamp-box-size:var(--oc-space-item-padding-medium)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-small{--oc-clamp-box-size:var(--oc-space-item-padding-small)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-xsmall{--oc-clamp-box-size:var(--oc-space-item-padding-xsmall)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-mini{--oc-clamp-box-size:var(--oc-space-item-padding-mini)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-tiny{--oc-clamp-box-size:var(--oc-space-item-padding-tiny)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-micro{--oc-clamp-box-size:var(--oc-space-item-padding-micro)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-nano{--oc-clamp-box-size:var(--oc-space-item-padding-nano)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-padding-atom{--oc-clamp-box-size:var(--oc-space-item-padding-atom)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-huge{--oc-clamp-box-size:var(--oc-space-item-gap-huge)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-xlarge{--oc-clamp-box-size:var(--oc-space-item-gap-xlarge)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-large{--oc-clamp-box-size:var(--oc-space-item-gap-large)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-medium{--oc-clamp-box-size:var(--oc-space-item-gap-medium)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-small{--oc-clamp-box-size:var(--oc-space-item-gap-small)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-xsmall{--oc-clamp-box-size:var(--oc-space-item-gap-xsmall)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-mini{--oc-clamp-box-size:var(--oc-space-item-gap-mini)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-tiny{--oc-clamp-box-size:var(--oc-space-item-gap-tiny)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-micro{--oc-clamp-box-size:var(--oc-space-item-gap-micro)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-nano{--oc-clamp-box-size:var(--oc-space-item-gap-nano)}section.page-module-scss-module__9XiXYa__space .page-module-scss-module__9XiXYa__item-gap-atom{--oc-clamp-box-size:var(--oc-space-item-gap-atom)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__size{width:var(--oc-clamp-typo-size);height:var(--oc-clamp-typo-size);background-color:var(--oc-color-theme-background-normal-normal)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__display1{--oc-clamp-typo-size:var(--oc-typo-size-display1);--oc-clamp-box-size:var(--oc-typo-height-display1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__display2{--oc-clamp-typo-size:var(--oc-typo-size-display2);--oc-clamp-box-size:var(--oc-typo-height-display2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__display3{--oc-clamp-typo-size:var(--oc-typo-size-display3);--oc-clamp-box-size:var(--oc-typo-height-display3)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__title1{--oc-clamp-typo-size:var(--oc-typo-size-title1);--oc-clamp-box-size:var(--oc-typo-height-title1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__title2{--oc-clamp-typo-size:var(--oc-typo-size-title2);--oc-clamp-box-size:var(--oc-typo-height-title2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__title3{--oc-clamp-typo-size:var(--oc-typo-size-title3);--oc-clamp-box-size:var(--oc-typo-height-title3)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__heading1{--oc-clamp-typo-size:var(--oc-typo-size-heading1);--oc-clamp-box-size:var(--oc-typo-height-heading1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__heading2{--oc-clamp-typo-size:var(--oc-typo-size-heading2);--oc-clamp-box-size:var(--oc-typo-height-heading2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__headline1{--oc-clamp-typo-size:var(--oc-typo-size-headline1);--oc-clamp-box-size:var(--oc-typo-height-headline1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__headline2{--oc-clamp-typo-size:var(--oc-typo-size-headline2);--oc-clamp-box-size:var(--oc-typo-height-headline2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__body1{--oc-clamp-typo-size:var(--oc-typo-size-body1);--oc-clamp-box-size:var(--oc-typo-height-body1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__body1reading{--oc-clamp-typo-size:var(--oc-typo-size-body1reading);--oc-clamp-box-size:var(--oc-typo-height-body1reading)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__body2{--oc-clamp-typo-size:var(--oc-typo-size-body2);--oc-clamp-box-size:var(--oc-typo-height-body2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__body2reading{--oc-clamp-typo-size:var(--oc-typo-size-body2reading);--oc-clamp-box-size:var(--oc-typo-height-body2reading)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__label1{--oc-clamp-typo-size:var(--oc-typo-size-label1);--oc-clamp-box-size:var(--oc-typo-height-label1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__label1reading{--oc-clamp-typo-size:var(--oc-typo-size-label1reading);--oc-clamp-box-size:var(--oc-typo-height-label1reading)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__label2{--oc-clamp-typo-size:var(--oc-typo-size-label2);--oc-clamp-box-size:var(--oc-typo-height-label2)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__caption1{--oc-clamp-typo-size:var(--oc-typo-size-caption1);--oc-clamp-box-size:var(--oc-typo-height-caption1)}section.page-module-scss-module__9XiXYa__typo .page-module-scss-module__9XiXYa__caption2{--oc-clamp-typo-size:var(--oc-typo-size-caption2);--oc-clamp-box-size:var(--oc-typo-height-caption2)}.page-module-scss-module__9XiXYa__badge{bottom:var(--oc-space-section-padding-viewport-y-safe-bottom);position:fixed;left:50%;transform:translate(-50%)}