@ownclouders/design-system/dist/style.css

ownCloud Design System is based on VueDesign Systems and is used to design ownCloud 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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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-icon-primary>svg{fill:var(--oc-color-swatch-primary-default)}.oc-icon-passive>svg{fill:var(--oc-color-swatch-passive-default)}.oc-icon-warning>svg{fill:var(--oc-color-swatch-warning-default)}.oc-icon-success>svg{fill:var(--oc-color-swatch-success-default)}.oc-icon-danger>svg{fill:var(--oc-color-swatch-danger-default)}.oc-icon-brand>svg{fill:var(--oc-color-swatch-brand-default)}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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-color-swatch-primary-contrast)!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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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;border-radius:50%}.oc-avatar .avatarImg{width:100%;height:auto;border-radius:50%}.oc-avatar .avatarInitials{color:#fff!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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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-color-swatch-passive-default);border-radius:50%;color:var(--oc-color-text-inverse);display:flex;justify-content:center}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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)}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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;gap:var(--oc-space-xsmall);width:fit-content}.oc-avatars-stacked .oc-avatar+.oc-avatar,.oc-avatars-stacked .oc-avatar-count,.oc-avatars-stacked .oc-avatar+.oc-avatar-item,.oc-avatars-stacked .oc-avatar-item+.oc-avatar-item{border:1px solid var(--oc-color-text-inverse);margin-left:-25px}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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-passive:disabled{background-color:var(--oc-color-swatch-passive-muted)}.oc-button-passive:focus:not([disabled]),.oc-button-passive:hover:not([disabled]){background-color:var(--oc-color-swatch-passive-hover)}.oc-button-passive-raw,.oc-button-passive-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-passive-raw:focus:not([disabled]),.oc-button-passive-raw:hover:not([disabled]),.oc-button-passive-raw-inverse:focus:not([disabled]),.oc-button-passive-raw-inverse:hover:not([disabled]){background-color:transparent}.oc-button-passive-raw:focus:not([disabled]):not(button),.oc-button-passive-raw:hover:not([disabled]):not(button),.oc-button-passive-raw-inverse:focus:not([disabled]):not(button),.oc-button-passive-raw-inverse:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-passive-raw:disabled,.oc-button-passive-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-passive-muted)}.oc-button-passive-raw{color:var(--oc-color-swatch-passive-default)}.oc-button-passive-raw .oc-icon>svg{fill:var(--oc-color-swatch-passive-default)}.oc-button-passive-raw-inverse{color:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-filled{background-color:var(--oc-color-swatch-passive-default);color:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-filled .oc-icon>svg{fill:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-filled:hover:not([disabled]),.oc-button-passive-filled:focus:not([disabled]){color:var(--oc-color-swatch-passive-contrast);background-color:var(--oc-color-swatch-passive-hover);border-color:var(--oc-color-swatch-passive-hover)}.oc-button-passive-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-passive-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-outline{outline:1px solid var(--oc-color-swatch-passive-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-passive-default)}.oc-button-passive-outline .oc-icon>svg{fill:var(--oc-color-swatch-passive-default)}.oc-button-passive-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-passive-muted)}.oc-button-passive-outline:hover:not([disabled]),.oc-button-passive-outline:focus:not([disabled]){color:var(--oc-color-swatch-passive-contrast);background-color:var(--oc-color-swatch-passive-hover);border-color:var(--oc-color-swatch-passive-hover)}.oc-button-passive-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-passive-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-passive-contrast)}.oc-button-passive-outline:focus:not([disabled]),.oc-button-passive-outline:hover:not([disabled]){color:var(--oc-color-swatch-passive-default);background-color:var(--oc-color-swatch-passive-hover-outline);border-color:var(--oc-color-swatch-passive-hover-outline)}.oc-button-passive-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-passive-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-passive-default)}.oc-button-brand:disabled{background-color:var(--oc-color-swatch-brand-muted)}.oc-button-brand:focus:not([disabled]),.oc-button-brand:hover:not([disabled]){background-color:var(--oc-color-swatch-brand-hover)}.oc-button-brand-raw,.oc-button-brand-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-brand-raw:focus:not([disabled]),.oc-button-brand-raw:hover:not([disabled]),.oc-button-brand-raw-inverse:focus:not([disabled]),.oc-button-brand-raw-inverse:hover:not([disabled]){background-color:transparent}.oc-button-brand-raw:focus:not([disabled]):not(button),.oc-button-brand-raw:hover:not([disabled]):not(button),.oc-button-brand-raw-inverse:focus:not([disabled]):not(button),.oc-button-brand-raw-inverse:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-brand-raw:disabled,.oc-button-brand-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-brand-muted)}.oc-button-brand-raw{color:var(--oc-color-swatch-brand-default)}.oc-button-brand-raw .oc-icon>svg{fill:var(--oc-color-swatch-brand-default)}.oc-button-brand-raw-inverse{color:var(--oc-color-swatch-brand-contrast)}.oc-button-brand-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-brand-contrast)}.oc-button-brand-filled{background-color:var(--oc-color-swatch-brand-default);color:var(--oc-color-swatch-brand-contrast)}.oc-button-brand-filled .oc-icon>svg{fill:var(--oc-color-swatch-brand-contrast)}.oc-button-brand-filled:hover:not([disabled]),.oc-button-brand-filled:focus:not([disabled]){color:var(--oc-color-swatch-brand-contrast);background-color:var(--oc-color-swatch-brand-hover);border-color:var(--oc-color-swatch-brand-hover)}.oc-button-brand-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-brand-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-brand-contrast)}.oc-button-brand-outline{outline:1px solid var(--oc-color-swatch-brand-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-brand-default)}.oc-button-brand-outline .oc-icon>svg{fill:var(--oc-color-swatch-brand-default)}.oc-button-brand-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-brand-muted)}.oc-button-brand-outline:hover:not([disabled]),.oc-button-brand-outline:focus:not([disabled]){color:var(--oc-color-swatch-brand-contrast);background-color:var(--oc-color-swatch-brand-hover);border-color:var(--oc-color-swatch-brand-hover)}.oc-button-brand-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-brand-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-brand-contrast)}.oc-button-primary:disabled{background-color:var(--oc-color-swatch-primary-muted)}.oc-button-primary:focus:not([disabled]),.oc-button-primary:hover:not([disabled]){background-color:var(--oc-color-swatch-primary-hover)}.oc-button-primary-raw,.oc-button-primary-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-primary-raw:focus:not([disabled]),.oc-button-primary-raw:hover:not([disabled]),.oc-button-primary-raw-inverse:focus:not([disabled]),.oc-button-primary-raw-inverse:hover:not([disabled]){background-color:transparent}.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){text-decoration:underline}.oc-button-primary-raw:disabled,.oc-button-primary-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-primary-muted)}.oc-button-primary-raw{color:var(--oc-color-swatch-primary-default)}.oc-button-primary-raw .oc-icon>svg{fill:var(--oc-color-swatch-primary-default)}.oc-button-primary-raw-inverse{color:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-filled{background-color:var(--oc-color-swatch-primary-default);color:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-filled .oc-icon>svg{fill:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-filled:hover:not([disabled]),.oc-button-primary-filled:focus:not([disabled]){color:var(--oc-color-swatch-primary-contrast);background-color:var(--oc-color-swatch-primary-hover);border-color:var(--oc-color-swatch-primary-hover)}.oc-button-primary-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-primary-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-outline{outline:1px solid var(--oc-color-swatch-primary-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-primary-default)}.oc-button-primary-outline .oc-icon>svg{fill:var(--oc-color-swatch-primary-default)}.oc-button-primary-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-primary-muted)}.oc-button-primary-outline:hover:not([disabled]),.oc-button-primary-outline:focus:not([disabled]){color:var(--oc-color-swatch-primary-contrast);background-color:var(--oc-color-swatch-primary-hover);border-color:var(--oc-color-swatch-primary-hover)}.oc-button-primary-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-primary-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-primary-contrast)}.oc-button-primary-filled{color:var(--oc-color-swatch-primary-contrast)!important;background:linear-gradient(90deg,var(--oc-color-swatch-primary-muted) 0%,var(--oc-color-swatch-primary-gradient) 100%)}.oc-button-primary-filled:focus:not([disabled]),.oc-button-primary-filled:hover:not([disabled]){background:linear-gradient(90deg,var(--oc-color-swatch-primary-muted-hover) 0%,var(--oc-color-swatch-primary-gradient-hover) 100%)}.oc-button-primary-filled span>svg{fill:var(--oc-color-swatch-primary-contrast)!important}.oc-button-success:disabled{background-color:var(--oc-color-swatch-success-muted)}.oc-button-success:focus:not([disabled]),.oc-button-success:hover:not([disabled]){background-color:var(--oc-color-swatch-success-hover)}.oc-button-success-raw,.oc-button-success-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-success-raw:focus:not([disabled]),.oc-button-success-raw:hover:not([disabled]),.oc-button-success-raw-inverse:focus:not([disabled]),.oc-button-success-raw-inverse:hover:not([disabled]){background-color:transparent}.oc-button-success-raw:focus:not([disabled]):not(button),.oc-button-success-raw:hover:not([disabled]):not(button),.oc-button-success-raw-inverse:focus:not([disabled]):not(button),.oc-button-success-raw-inverse:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-success-raw:disabled,.oc-button-success-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-success-muted)}.oc-button-success-raw{color:var(--oc-color-swatch-success-default)}.oc-button-success-raw .oc-icon>svg{fill:var(--oc-color-swatch-success-default)}.oc-button-success-raw-inverse{color:var(--oc-color-swatch-success-contrast)}.oc-button-success-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-success-contrast)}.oc-button-success-filled{background-color:var(--oc-color-swatch-success-default);color:var(--oc-color-swatch-success-contrast)}.oc-button-success-filled .oc-icon>svg{fill:var(--oc-color-swatch-success-contrast)}.oc-button-success-filled:hover:not([disabled]),.oc-button-success-filled:focus:not([disabled]){color:var(--oc-color-swatch-success-contrast);background-color:var(--oc-color-swatch-success-hover);border-color:var(--oc-color-swatch-success-hover)}.oc-button-success-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-success-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-success-contrast)}.oc-button-success-outline{outline:1px solid var(--oc-color-swatch-success-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-success-default)}.oc-button-success-outline .oc-icon>svg{fill:var(--oc-color-swatch-success-default)}.oc-button-success-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-success-muted)}.oc-button-success-outline:hover:not([disabled]),.oc-button-success-outline:focus:not([disabled]){color:var(--oc-color-swatch-success-contrast);background-color:var(--oc-color-swatch-success-hover);border-color:var(--oc-color-swatch-success-hover)}.oc-button-success-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-success-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-success-contrast)}.oc-button-warning:disabled{background-color:var(--oc-color-swatch-warning-muted)}.oc-button-warning:focus:not([disabled]),.oc-button-warning:hover:not([disabled]){background-color:var(--oc-color-swatch-warning-hover)}.oc-button-warning-raw,.oc-button-warning-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-warning-raw:focus:not([disabled]),.oc-button-warning-raw:hover:not([disabled]),.oc-button-warning-raw-inverse:focus:not([disabled]),.oc-button-warning-raw-inverse:hover:not([disabled]){background-color:transparent}.oc-button-warning-raw:focus:not([disabled]):not(button),.oc-button-warning-raw:hover:not([disabled]):not(button),.oc-button-warning-raw-inverse:focus:not([disabled]):not(button),.oc-button-warning-raw-inverse:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-warning-raw:disabled,.oc-button-warning-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-warning-muted)}.oc-button-warning-raw{color:var(--oc-color-swatch-warning-default)}.oc-button-warning-raw .oc-icon>svg{fill:var(--oc-color-swatch-warning-default)}.oc-button-warning-raw-inverse{color:var(--oc-color-swatch-warning-contrast)}.oc-button-warning-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-warning-contrast)}.oc-button-warning-filled{background-color:var(--oc-color-swatch-warning-default);color:var(--oc-color-swatch-warning-contrast)}.oc-button-warning-filled .oc-icon>svg{fill:var(--oc-color-swatch-warning-contrast)}.oc-button-warning-filled:hover:not([disabled]),.oc-button-warning-filled:focus:not([disabled]){color:var(--oc-color-swatch-warning-contrast);background-color:var(--oc-color-swatch-warning-hover);border-color:var(--oc-color-swatch-warning-hover)}.oc-button-warning-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-warning-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-warning-contrast)}.oc-button-warning-outline{outline:1px solid var(--oc-color-swatch-warning-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-warning-default)}.oc-button-warning-outline .oc-icon>svg{fill:var(--oc-color-swatch-warning-default)}.oc-button-warning-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-warning-muted)}.oc-button-warning-outline:hover:not([disabled]),.oc-button-warning-outline:focus:not([disabled]){color:var(--oc-color-swatch-warning-contrast);background-color:var(--oc-color-swatch-warning-hover);border-color:var(--oc-color-swatch-warning-hover)}.oc-button-warning-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-warning-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-warning-contrast)}.oc-button-danger:disabled{background-color:var(--oc-color-swatch-danger-muted)}.oc-button-danger:focus:not([disabled]),.oc-button-danger:hover:not([disabled]){background-color:var(--oc-color-swatch-danger-hover)}.oc-button-danger-raw,.oc-button-danger-raw-inverse{background-color:transparent;border-style:none;font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-danger-raw:focus:not([disabled]),.oc-button-danger-raw:hover:not([disabled]),.oc-button-danger-raw-inverse:focus:not([disabled]),.oc-button-danger-raw-inverse:hover:not([disabled]){background-color:transparent}.oc-button-danger-raw:focus:not([disabled]):not(button),.oc-button-danger-raw:hover:not([disabled]):not(button),.oc-button-danger-raw-inverse:focus:not([disabled]):not(button),.oc-button-danger-raw-inverse:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-danger-raw:disabled,.oc-button-danger-raw-inverse:disabled{background-color:transparent;color:var(--oc-color-swatch-danger-muted)}.oc-button-danger-raw{color:var(--oc-color-swatch-danger-default)}.oc-button-danger-raw .oc-icon>svg{fill:var(--oc-color-swatch-danger-default)}.oc-button-danger-raw-inverse{color:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-raw-inverse .oc-icon>svg{fill:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-filled{background-color:var(--oc-color-swatch-danger-default);color:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-filled .oc-icon>svg{fill:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-filled:hover:not([disabled]),.oc-button-danger-filled:focus:not([disabled]){color:var(--oc-color-swatch-danger-contrast);background-color:var(--oc-color-swatch-danger-hover);border-color:var(--oc-color-swatch-danger-hover)}.oc-button-danger-filled:hover:not([disabled]) .oc-icon>svg,.oc-button-danger-filled:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-outline{outline:1px solid var(--oc-color-swatch-danger-default);outline-offset:-1px;background-color:transparent;color:var(--oc-color-swatch-danger-default)}.oc-button-danger-outline .oc-icon>svg{fill:var(--oc-color-swatch-danger-default)}.oc-button-danger-outline:disabled{background-color:transparent;color:var(--oc-color-swatch-danger-muted)}.oc-button-danger-outline:hover:not([disabled]),.oc-button-danger-outline:focus:not([disabled]){color:var(--oc-color-swatch-danger-contrast);background-color:var(--oc-color-swatch-danger-hover);border-color:var(--oc-color-swatch-danger-hover)}.oc-button-danger-outline:hover:not([disabled]) .oc-icon>svg,.oc-button-danger-outline:focus:not([disabled]) .oc-icon>svg{fill:var(--oc-color-swatch-danger-contrast)}.oc-button-danger-filled:hover{color:var(--oc-color-swatch-danger-default)!important}.oc-button-danger-filled:hover span>svg{fill:var(--oc-color-swatch-danger-default)!important}.oc-button:disabled{cursor:default;opacity:.6}.oc-button-group{display:inline-flex;flex-flow:row wrap;outline:1px solid var(--oc-color-swatch-passive-default);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-button-group .oc-button-default{border-left:0;border-right:0}.oc-button-group .oc-button-default:first-of-type{border-left:1px solid var(--oc-color-swatch-primary-default)}.oc-button-group .oc-button-default:last-of-type{border-right:1px solid var(--oc-color-swatch-primary-default)}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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:8px}.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);color:var(--oc-color-swatch-passive-default)}.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]){background-color:var(--oc-color-background-hover);text-decoration:none!important;border-radius:5px}.tippy-box[data-theme~=none] li.oc-menu-item-hover a:hover span,.tippy-box[data-theme~=none] li.oc-menu-item-hover .item-has-switch:hover span,.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]):hover span{color:var(--oc-color-swatch-brand-hover)!important}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%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-color-background-highlight);box-shadow:0 0 0 5px var(--oc-color-background-highlight);border-radius:5px}.oc-breadcrumb-item-text{max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oc-breadcrumb-item-text-last{vertical-align:text-bottom}.oc-breadcrumb-item-navigable:hover{text-decoration:underline}@media (min-width: 640px){.oc-breadcrumb-mobile-current,.oc-breadcrumb-mobile-navigation{display:none!important}}.oc-breadcrumb-list{list-style:none;align-items:baseline;flex-wrap:nowrap}@media (max-width: 639px){.oc-breadcrumb-list{display:none!important}}.oc-breadcrumb-list #oc-breadcrumb-contextmenu-trigger>span{vertical-align:middle;border:3px solid transparent}.oc-breadcrumb-list #oc-breadcrumb-contextmenu li button{display:inline-flex}.oc-breadcrumb-list>li button{display:inline}.oc-breadcrumb-list>:nth-child(n+2):before{color:var(--oc-color-text-default);display:inline-block}.oc-breadcrumb-list>:last-child>span{color:var(--oc-color-text-default)}.oc-breadcrumb-list-item a:first-of-type,.oc-breadcrumb-list-item button:first-of-type,.oc-breadcrumb-list-item span:first-of-type{font-size:var(--oc-font-size-medium);color:var(--oc-color-text-default);display:inline-block;vertical-align:sub;line-height:normal}.oc-breadcrumb-lead .oc-breadcrumb-list-item a,.oc-breadcrumb-lead .oc-breadcrumb-list-item button,.oc-breadcrumb-lead .oc-breadcrumb-list-item span{font-size:var(--oc-font-size-large)}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%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-color-text-default)%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-color-input-text-default)%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-color-text-muted)%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.oc-checkbox{height:14px;width:14px;-webkit-appearance:none;-moz-appearance:none;background-position:50% 50%!important;background-repeat:no-repeat!important;border:2px solid var(--oc-color-input-border);display:inline-block;overflow:hidden;vertical-align:middle;background-color:transparent;outline:none}.oc-checkbox-s{height:9.8px;width:9.8px}.oc-checkbox-m{height:14px;width:14px}.oc-checkbox-l{height:21px;width:21px}.oc-checkbox:hover{cursor:pointer}.oc-checkbox:focus-visible{outline:var(--oc-color-swatch-primary-default) auto 1px}.oc-checkbox-checked,.oc-checkbox :checked,.oc-checkbox:indeterminate{background-color:#fff}.oc-checkbox-checked,.oc-checkbox :checked{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A)}.oc-checkbox:indeterminate{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%3Crect%20fill%3D%22%23000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E)}.oc-checkbox:disabled{background-color:#f8f8f8;cursor:default;opacity:.4}.oc-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted)%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.oc-checkbox:disabled:indeterminate{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%3Crect%20fill%3D%22var(--oc-color-text-muted)%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}label>.oc-checkbox+span{margin-left:var(--oc-space-xsmall)}.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-color-text-default)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-default)%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-color-text-muted)%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22var(--oc-color-text-muted