@opencloud-eu/design-system/dist/design-system.css

OpenCloud Design System is used to design OpenCloud UI components

.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-icon{display:inline-block;vertical-align:baseline}.oc-icon svg{display:block}.oc-icon,.oc-icon>svg{height:22px;max-height:22px;max-width:22px;width:22px}.oc-icon-xs,.oc-icon-xs>svg{height:11px;max-height:11px;max-width:11px;width:11px}.oc-icon-s,.oc-icon-s>svg{height:15.4px;max-height:15.4px;max-width:15.4px;width:15.4px}.oc-icon-m,.oc-icon-m>svg{height:22px;max-height:22px;max-width:22px;width:22px}.oc-icon-l,.oc-icon-l>svg{height:33px;max-height:33px;max-width:33px;width:33px}.oc-icon-xl,.oc-icon-xl>svg{height:44px;max-height:44px;max-width:44px;width:44px}.oc-icon-xxl,.oc-icon-xxl>svg{height:88px;max-height:88px;max-width:88px;width:88px}.oc-icon-xxxl,.oc-icon-xxxl>svg{height:176px;max-height:176px;max-width:176px;width:176px}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-application-icon{width:28px;height:28px;border-radius:4px}.oc-application-icon .oc-icon{height:18px!important;max-height:18px!important;max-width:18px!important;width:18px!important}.oc-application-icon .oc-icon svg{fill:var(--oc-role-on-secondary)!important;height:18px!important;max-height:18px!important;max-width:18px!important;width:18px!important}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-avatar{font-weight:400;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none;display:flex;flex-shrink:0;border-radius:50%;border:1px solid var(--oc-role-outline-variant)}.oc-avatar .avatarImg{width:100%;height:auto;border-radius:50%}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-avatar-count{align-items:center;background-color:var(--oc-role-secondary);border-radius:50%;color:var(--oc-role-on-secondary);display:flex;justify-content:center;border:1px solid var(--oc-role-outline-variant)}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-avatar-item{align-items:center;background-position:center;background-repeat:no-repeat;background-size:18px;border-radius:50%;display:inline-flex;height:var(--width);justify-content:center;width:var(--width);border:1px solid var(--oc-role-outline-variant)}.oc-avatar-item .oc-icon>svg{fill:var(--icon-color)!important}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-avatars{display:inline-flex;box-sizing:border-box;flex-flow:row nowrap;width:fit-content}.oc-avatars-hover-effect>*{transition:transform .2s ease-out}.oc-avatars-hover-effect>*:hover{z-index:1000!important;transform:scale(1.1)}.oc-avatars-stacked>*+*{margin-left:-15px}.oc-avatars-gap-xs{gap:var(--oc-space-xsmall)}.oc-avatars-gap-s{gap:var(--oc-space-small)}.oc-avatars-gap-m{gap:var(--oc-space-medium)}.oc-avatars-gap-l{gap:var(--oc-space-large)}.oc-avatars-gap-xl{gap:var(--oc-space-xlarge)}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-button{line-height:22px;align-items:center;border:0;box-sizing:border-box;display:inline-flex;font-weight:400;padding:.5rem .8rem;text-align:left;text-decoration:none}.oc-button-justify-content-left{justify-content:left}.oc-button-justify-content-center{justify-content:center}.oc-button-justify-content-right{justify-content:right}.oc-button-justify-content-space-between{justify-content:space-between}.oc-button-justify-content-space-around{justify-content:space-around}.oc-button-justify-content-space-evenly{justify-content:space-evenly}.oc-button-gap-xs{gap:4px}.oc-button-gap-s{gap:6px}.oc-button-gap-m{gap:8px}.oc-button-gap-l{gap:12px}.oc-button-gap-xl{gap:16px}.oc-button:hover{cursor:pointer}.oc-button-s{line-height:15.4px;font-size:var(--oc-font-size-small);min-height:1.2rem}.oc-button-m{line-height:22px;font-size:var(--oc-font-size-medium);min-height:15px}.oc-button-l{line-height:33px;font-size:var(--oc-font-size-xlarge);min-height:2rem}.oc-button-primary-raw,.oc-button-primary-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-primary)}.oc-button-primary-raw .oc-icon>svg,.oc-button-primary-raw-inverse .oc-icon>svg{fill:var(--oc-role-primary)}.oc-button-primary-raw:focus:not([disabled]):not(button),.oc-button-primary-raw:hover:not([disabled]):not(button),.oc-button-primary-raw-inverse:focus:not([disabled]):not(button),.oc-button-primary-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-primary-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-primary-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-primary-raw-inverse{color:var(--oc-role-on-primary)}.oc-button-primary-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-primary)}.oc-button-primary-filled{background-color:var(--oc-role-primary);color:var(--oc-role-on-primary)!important}.oc-button-primary-filled .oc-icon>svg{fill:var(--oc-role-on-primary)}.oc-button-primary-outline{outline:1px solid var(--oc-role-primary);outline-offset:-1px;background-color:transparent;color:var(--oc-role-primary)}.oc-button-primary-outline .oc-icon>svg{fill:var(--oc-role-primary)}.oc-button-primary-container-raw,.oc-button-primary-container-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-primary-container)}.oc-button-primary-container-raw .oc-icon>svg,.oc-button-primary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-primary-container)}.oc-button-primary-container-raw:focus:not([disabled]):not(button),.oc-button-primary-container-raw:hover:not([disabled]):not(button),.oc-button-primary-container-raw-inverse:focus:not([disabled]):not(button),.oc-button-primary-container-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-primary-container-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-container-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-primary-container-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-container-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-primary-container-raw-inverse{color:var(--oc-role-on-primary-container)}.oc-button-primary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-primary-container)}.oc-button-primary-container-filled{background-color:var(--oc-role-primary-container);color:var(--oc-role-on-primary-container)!important}.oc-button-primary-container-filled .oc-icon>svg{fill:var(--oc-role-on-primary-container)}.oc-button-primary-container-outline{outline:1px solid var(--oc-role-primary-container);outline-offset:-1px;background-color:transparent;color:var(--oc-role-primary-container)}.oc-button-primary-container-outline .oc-icon>svg{fill:var(--oc-role-primary-container)}.oc-button-primary-fixed-raw,.oc-button-primary-fixed-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-primary-fixed)}.oc-button-primary-fixed-raw .oc-icon>svg,.oc-button-primary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-primary-fixed)}.oc-button-primary-fixed-raw:focus:not([disabled]):not(button),.oc-button-primary-fixed-raw:hover:not([disabled]):not(button),.oc-button-primary-fixed-raw-inverse:focus:not([disabled]):not(button),.oc-button-primary-fixed-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-primary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-primary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-primary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-primary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-primary-fixed-raw-inverse{color:var(--oc-role-on-primary-fixed)}.oc-button-primary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-primary-fixed)}.oc-button-primary-fixed-filled{background-color:var(--oc-role-primary-fixed);color:var(--oc-role-on-primary-fixed)!important}.oc-button-primary-fixed-filled .oc-icon>svg{fill:var(--oc-role-on-primary-fixed)}.oc-button-primary-fixed-outline{outline:1px solid var(--oc-role-primary-fixed);outline-offset:-1px;background-color:transparent;color:var(--oc-role-primary-fixed)}.oc-button-primary-fixed-outline .oc-icon>svg{fill:var(--oc-role-primary-fixed)}.oc-button-secondary-raw,.oc-button-secondary-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-secondary)}.oc-button-secondary-raw .oc-icon>svg,.oc-button-secondary-raw-inverse .oc-icon>svg{fill:var(--oc-role-secondary)}.oc-button-secondary-raw:focus:not([disabled]):not(button),.oc-button-secondary-raw:hover:not([disabled]):not(button),.oc-button-secondary-raw-inverse:focus:not([disabled]):not(button),.oc-button-secondary-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-secondary-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-secondary-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-secondary-raw-inverse{color:var(--oc-role-on-secondary)}.oc-button-secondary-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-secondary)}.oc-button-secondary-filled{background-color:var(--oc-role-secondary);color:var(--oc-role-on-secondary)!important}.oc-button-secondary-filled .oc-icon>svg{fill:var(--oc-role-on-secondary)}.oc-button-secondary-outline{outline:1px solid var(--oc-role-secondary);outline-offset:-1px;background-color:transparent;color:var(--oc-role-secondary)}.oc-button-secondary-outline .oc-icon>svg{fill:var(--oc-role-secondary)}.oc-button-secondary-container-raw,.oc-button-secondary-container-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-secondary-container)}.oc-button-secondary-container-raw .oc-icon>svg,.oc-button-secondary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-secondary-container)}.oc-button-secondary-container-raw:focus:not([disabled]):not(button),.oc-button-secondary-container-raw:hover:not([disabled]):not(button),.oc-button-secondary-container-raw-inverse:focus:not([disabled]):not(button),.oc-button-secondary-container-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-secondary-container-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-container-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-secondary-container-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-container-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-secondary-container-raw-inverse{color:var(--oc-role-on-secondary-container)}.oc-button-secondary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-secondary-container)}.oc-button-secondary-container-filled{background-color:var(--oc-role-secondary-container);color:var(--oc-role-on-secondary-container)!important}.oc-button-secondary-container-filled .oc-icon>svg{fill:var(--oc-role-on-secondary-container)}.oc-button-secondary-container-outline{outline:1px solid var(--oc-role-secondary-container);outline-offset:-1px;background-color:transparent;color:var(--oc-role-secondary-container)}.oc-button-secondary-container-outline .oc-icon>svg{fill:var(--oc-role-secondary-container)}.oc-button-secondary-fixed-raw,.oc-button-secondary-fixed-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-secondary-fixed)}.oc-button-secondary-fixed-raw .oc-icon>svg,.oc-button-secondary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-secondary-fixed)}.oc-button-secondary-fixed-raw:focus:not([disabled]):not(button),.oc-button-secondary-fixed-raw:hover:not([disabled]):not(button),.oc-button-secondary-fixed-raw-inverse:focus:not([disabled]):not(button),.oc-button-secondary-fixed-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-secondary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-secondary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-secondary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-secondary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-secondary-fixed-raw-inverse{color:var(--oc-role-on-secondary-fixed)}.oc-button-secondary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-secondary-fixed)}.oc-button-secondary-fixed-filled{background-color:var(--oc-role-secondary-fixed);color:var(--oc-role-on-secondary-fixed)!important}.oc-button-secondary-fixed-filled .oc-icon>svg{fill:var(--oc-role-on-secondary-fixed)}.oc-button-secondary-fixed-outline{outline:1px solid var(--oc-role-secondary-fixed);outline-offset:-1px;background-color:transparent;color:var(--oc-role-secondary-fixed)}.oc-button-secondary-fixed-outline .oc-icon>svg{fill:var(--oc-role-secondary-fixed)}.oc-button-tertiary-raw,.oc-button-tertiary-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-tertiary)}.oc-button-tertiary-raw .oc-icon>svg,.oc-button-tertiary-raw-inverse .oc-icon>svg{fill:var(--oc-role-tertiary)}.oc-button-tertiary-raw:focus:not([disabled]):not(button),.oc-button-tertiary-raw:hover:not([disabled]):not(button),.oc-button-tertiary-raw-inverse:focus:not([disabled]):not(button),.oc-button-tertiary-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-tertiary-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-tertiary-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-tertiary-raw-inverse{color:var(--oc-role-on-tertiary)}.oc-button-tertiary-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-tertiary)}.oc-button-tertiary-filled{background-color:var(--oc-role-tertiary);color:var(--oc-role-on-tertiary)!important}.oc-button-tertiary-filled .oc-icon>svg{fill:var(--oc-role-on-tertiary)}.oc-button-tertiary-outline{outline:1px solid var(--oc-role-tertiary);outline-offset:-1px;background-color:transparent;color:var(--oc-role-tertiary)}.oc-button-tertiary-outline .oc-icon>svg{fill:var(--oc-role-tertiary)}.oc-button-tertiary-container-raw,.oc-button-tertiary-container-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-tertiary-container)}.oc-button-tertiary-container-raw .oc-icon>svg,.oc-button-tertiary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-tertiary-container)}.oc-button-tertiary-container-raw:focus:not([disabled]):not(button),.oc-button-tertiary-container-raw:hover:not([disabled]):not(button),.oc-button-tertiary-container-raw-inverse:focus:not([disabled]):not(button),.oc-button-tertiary-container-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-tertiary-container-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-container-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-tertiary-container-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-container-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-tertiary-container-raw-inverse{color:var(--oc-role-on-tertiary-container)}.oc-button-tertiary-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-tertiary-container)}.oc-button-tertiary-container-filled{background-color:var(--oc-role-tertiary-container);color:var(--oc-role-on-tertiary-container)!important}.oc-button-tertiary-container-filled .oc-icon>svg{fill:var(--oc-role-on-tertiary-container)}.oc-button-tertiary-container-outline{outline:1px solid var(--oc-role-tertiary-container);outline-offset:-1px;background-color:transparent;color:var(--oc-role-tertiary-container)}.oc-button-tertiary-container-outline .oc-icon>svg{fill:var(--oc-role-tertiary-container)}.oc-button-tertiary-fixed-raw,.oc-button-tertiary-fixed-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-tertiary-fixed)}.oc-button-tertiary-fixed-raw .oc-icon>svg,.oc-button-tertiary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-tertiary-fixed)}.oc-button-tertiary-fixed-raw:focus:not([disabled]):not(button),.oc-button-tertiary-fixed-raw:hover:not([disabled]):not(button),.oc-button-tertiary-fixed-raw-inverse:focus:not([disabled]):not(button),.oc-button-tertiary-fixed-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-tertiary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-tertiary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-tertiary-fixed-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-fixed-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-fixed-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-tertiary-fixed-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-tertiary-fixed-raw-inverse{color:var(--oc-role-on-tertiary-fixed)}.oc-button-tertiary-fixed-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-tertiary-fixed)}.oc-button-tertiary-fixed-filled{background-color:var(--oc-role-tertiary-fixed);color:var(--oc-role-on-tertiary-fixed)!important}.oc-button-tertiary-fixed-filled .oc-icon>svg{fill:var(--oc-role-on-tertiary-fixed)}.oc-button-tertiary-fixed-outline{outline:1px solid var(--oc-role-tertiary-fixed);outline-offset:-1px;background-color:transparent;color:var(--oc-role-tertiary-fixed)}.oc-button-tertiary-fixed-outline .oc-icon>svg{fill:var(--oc-role-tertiary-fixed)}.oc-button-surface-raw,.oc-button-surface-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-surface)}.oc-button-surface-raw .oc-icon>svg,.oc-button-surface-raw-inverse .oc-icon>svg{fill:var(--oc-role-surface)}.oc-button-surface-raw:focus:not([disabled]):not(button),.oc-button-surface-raw:hover:not([disabled]):not(button),.oc-button-surface-raw-inverse:focus:not([disabled]):not(button),.oc-button-surface-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-surface-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-surface-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-raw-inverse{color:var(--oc-role-on-surface)}.oc-button-surface-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-filled{background-color:var(--oc-role-surface);color:var(--oc-role-on-surface)!important}.oc-button-surface-filled .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-outline{outline:1px solid var(--oc-role-surface);outline-offset:-1px;background-color:transparent;color:var(--oc-role-surface)}.oc-button-surface-outline .oc-icon>svg{fill:var(--oc-role-surface)}.oc-button-surface-container-raw,.oc-button-surface-container-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-surface-container)}.oc-button-surface-container-raw .oc-icon>svg,.oc-button-surface-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-surface-container)}.oc-button-surface-container-raw:focus:not([disabled]):not(button),.oc-button-surface-container-raw:hover:not([disabled]):not(button),.oc-button-surface-container-raw-inverse:focus:not([disabled]):not(button),.oc-button-surface-container-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-surface-container-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-container-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-surface-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-surface-container-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-container-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-container-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-surface-container-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-container-raw-inverse{color:var(--oc-role-on-surface)}.oc-button-surface-container-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-container-filled{background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)!important}.oc-button-surface-container-filled .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-surface-container-outline{outline:1px solid var(--oc-role-surface-container);outline-offset:-1px;background-color:transparent;color:var(--oc-role-surface-container)}.oc-button-surface-container-outline .oc-icon>svg{fill:var(--oc-role-surface-container)}.oc-button-chrome-raw,.oc-button-chrome-raw-inverse{border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0;background-color:transparent;color:var(--oc-role-chrome)}.oc-button-chrome-raw .oc-icon>svg,.oc-button-chrome-raw-inverse .oc-icon>svg{fill:var(--oc-role-chrome)}.oc-button-chrome-raw:focus:not([disabled]):not(button),.oc-button-chrome-raw:hover:not([disabled]):not(button),.oc-button-chrome-raw-inverse:focus:not([disabled]):not(button),.oc-button-chrome-raw-inverse:hover:not([disabled]):not(button){background-color:transparent}.oc-button-chrome-raw:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-chrome-raw:hover:not([disabled]):not(.active):not(.no-hover),.oc-button-chrome-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover),.oc-button-chrome-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover){background-color:var(--oc-role-surface-container);color:var(--oc-role-on-surface)}.oc-button-chrome-raw:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-chrome-raw:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-chrome-raw-inverse:focus:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg,.oc-button-chrome-raw-inverse:hover:not([disabled]):not(.active):not(.no-hover) .oc-icon>svg{fill:var(--oc-role-on-surface)}.oc-button-chrome-raw-inverse{color:var(--oc-role-on-chrome)}.oc-button-chrome-raw-inverse .oc-icon>svg{fill:var(--oc-role-on-chrome)}.oc-button-chrome-filled{background-color:var(--oc-role-chrome);color:var(--oc-role-on-chrome)!important}.oc-button-chrome-filled .oc-icon>svg{fill:var(--oc-role-on-chrome)}.oc-button-chrome-outline{outline:1px solid var(--oc-role-chrome);outline-offset:-1px;background-color:transparent;color:var(--oc-role-chrome)}.oc-button-chrome-outline .oc-icon>svg{fill:var(--oc-role-chrome)}.oc-button:hover:not(.no-hover,.oc-button-raw-inverse,.oc-button-raw,.active,.selected,[disabled]){filter:brightness(85%)}.oc-button-outline:hover:not(.no-hover,[disabled]){background-color:var(--oc-role-surface-container);filter:none!important}.oc-button:disabled{cursor:default;opacity:.6}.oc-button-group{display:inline-flex;flex-flow:row wrap;outline:1px solid var(--oc-role-secondary);outline-offset:-1px;border-radius:5px}.oc-button-group .oc-button{border-radius:0;outline:0}.oc-button-group .oc-button:first-of-type{border-radius:5px 0 0 5px}.oc-button-group .oc-button:last-of-type{border-radius:0 5px 5px 0}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.tippy-box[data-theme~=none]{background-color:transparent;font-size:inherit;line-height:inherit}.tippy-box[data-theme~=none] .tippy-content{padding:var(--oc-space-small)}.tippy-box[data-theme~=none] li.oc-menu-item-hover a,.tippy-box[data-theme~=none] li.oc-menu-item-hover .item-has-switch,.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]){box-sizing:border-box;padding:var(--oc-space-small)}.tippy-box[data-theme~=none] li.oc-menu-item-hover a:focus:not([disabled]),.tippy-box[data-theme~=none] li.oc-menu-item-hover a:hover:not([disabled]),.tippy-box[data-theme~=none] li.oc-menu-item-hover .item-has-switch:focus:not([disabled]),.tippy-box[data-theme~=none] li.oc-menu-item-hover .item-has-switch:hover:not([disabled]),.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]):focus:not([disabled]),.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]):hover:not([disabled]){text-decoration:none!important;border-radius:5px}.tippy-box[data-theme~=none] li.oc-menu-item-hover a span,.tippy-box[data-theme~=none] li.oc-menu-item-hover .item-has-switch span,.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]) span{text-decoration:none!important}.oc-drop{max-width:100%;width:300px}.oc-drop .oc-card,.oc-drop .oc-login-card{border-radius:var(--oc-space-small)!important}.oc-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");-webkit-appearance:none;-moz-appearance:none;background-position:100% 50%;background-repeat:no-repeat}.oc-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface-variant)%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-input[list]:hover,.oc-input[list]:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-role-on-surface)%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22var(--oc-role-on-surface-variant)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-breadcrumb{overflow:visible}.oc-breadcrumb-item-dragover{transition:background .06s,border 0s .08s,border-color 0s,border-width .06s;background-color:var(--oc-role-secondary-container);box-shadow:0 0 0 5px var(--oc-role-secondary-container);border-radius:5px}.