owncloud-design-system/dist/system/system.css

ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components

.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-icon{display:inline-block;vertical-align:initial}.oc-icon svg{fill:var(--oc-color-swatch-passive-default);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-inverse>svg{fill:var(--oc-color-text-inverse)!important}.oc-avatar-item{align-items:center;background-position:50%;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)}.oc-background-primary-gradient,.oc-button-primary-filled{background:linear-gradient(90deg,var(--oc-color-swatch-primary-muted) 0,var(--oc-color-swatch-primary-gradient) 100%)}.oc-button{align-items:center;border:0;box-sizing:border-box;color:var(--oc-color-text-inverse);display:inline-flex;font-weight:400;line-height:22px;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{font-size:var(--oc-font-size-small);line-height:15.4px;min-height:1.2rem}.oc-button-m{font-size:var(--oc-font-size-medium);line-height:22px;min-height:15px}.oc-button-l{font-size:var(--oc-font-size-xlarge);line-height:33px;min-height:2rem}.oc-button .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-passive{background-color:var(--oc-color-swatch-passive-default)}.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{background-color:initial;border-style:none;color:var(--oc-color-swatch-passive-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-passive-raw .oc-icon>svg{fill:var(--oc-color-swatch-passive-default)}.oc-button-passive-raw:disabled{background-color:initial;color:var(--oc-color-swatch-passive-muted)}.oc-button-passive-raw:focus:not([disabled]),.oc-button-passive-raw:hover:not([disabled]){background-color:initial}.oc-button-passive-raw:focus:not([disabled]):not(button),.oc-button-passive-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-passive-outline{background-color:initial;color:var(--oc-color-swatch-passive-default);outline:1px solid var(--oc-color-swatch-passive-default);outline-offset:-1px}.oc-button-passive-outline .oc-icon>svg{fill:var(--oc-color-swatch-passive-default)}.oc-button-passive-outline:disabled{background-color:initial;color:var(--oc-color-swatch-passive-muted)}.oc-button-passive-outline:focus:not([disabled]),.oc-button-passive-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-passive-default);border-color:var(--oc-color-swatch-passive-default);color:var(--oc-color-text-inverse)}.oc-button-passive-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-passive-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-primary{background-color:var(--oc-color-swatch-primary-default)}.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{background-color:initial;border-style:none;color:var(--oc-color-swatch-primary-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-primary-raw .oc-icon>svg{fill:var(--oc-color-swatch-primary-default)}.oc-button-primary-raw:disabled{background-color:initial;color:var(--oc-color-swatch-primary-muted)}.oc-button-primary-raw:focus:not([disabled]),.oc-button-primary-raw:hover:not([disabled]){background-color:initial}.oc-button-primary-raw:focus:not([disabled]):not(button),.oc-button-primary-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-primary-outline{background-color:initial;color:var(--oc-color-swatch-primary-default);outline:1px solid var(--oc-color-swatch-primary-default);outline-offset:-1px}.oc-button-primary-outline .oc-icon>svg{fill:var(--oc-color-swatch-primary-default)}.oc-button-primary-outline:disabled{background-color:initial;color:var(--oc-color-swatch-primary-muted)}.oc-button-primary-outline:focus:not([disabled]),.oc-button-primary-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-primary-default);border-color:var(--oc-color-swatch-primary-default);color:var(--oc-color-text-inverse)}.oc-button-primary-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-primary-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-primary-filled{color:var(--oc-color-swatch-inverse-default)!important}.oc-button-primary-filled span>svg{fill:var(--oc-color-swatch-inverse-default)!important}.oc-button-success{background-color:var(--oc-color-swatch-success-default)}.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{background-color:initial;border-style:none;color:var(--oc-color-swatch-success-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-success-raw .oc-icon>svg{fill:var(--oc-color-swatch-success-default)}.oc-button-success-raw:disabled{background-color:initial;color:var(--oc-color-swatch-success-muted)}.oc-button-success-raw:focus:not([disabled]),.oc-button-success-raw:hover:not([disabled]){background-color:initial}.oc-button-success-raw:focus:not([disabled]):not(button),.oc-button-success-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-success-outline{background-color:initial;color:var(--oc-color-swatch-success-default);outline:1px solid var(--oc-color-swatch-success-default);outline-offset:-1px}.oc-button-success-outline .oc-icon>svg{fill:var(--oc-color-swatch-success-default)}.oc-button-success-outline:disabled{background-color:initial;color:var(--oc-color-swatch-success-muted)}.oc-button-success-outline:focus:not([disabled]),.oc-button-success-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-success-default);border-color:var(--oc-color-swatch-success-default);color:var(--oc-color-text-inverse)}.oc-button-success-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-success-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-warning{background-color:var(--oc-color-swatch-warning-default)}.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{background-color:initial;border-style:none;color:var(--oc-color-swatch-warning-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-warning-raw .oc-icon>svg{fill:var(--oc-color-swatch-warning-default)}.oc-button-warning-raw:disabled{background-color:initial;color:var(--oc-color-swatch-warning-muted)}.oc-button-warning-raw:focus:not([disabled]),.oc-button-warning-raw:hover:not([disabled]){background-color:initial}.oc-button-warning-raw:focus:not([disabled]):not(button),.oc-button-warning-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-warning-outline{background-color:initial;color:var(--oc-color-swatch-warning-default);outline:1px solid var(--oc-color-swatch-warning-default);outline-offset:-1px}.oc-button-warning-outline .oc-icon>svg{fill:var(--oc-color-swatch-warning-default)}.oc-button-warning-outline:disabled{background-color:initial;color:var(--oc-color-swatch-warning-muted)}.oc-button-warning-outline:focus:not([disabled]),.oc-button-warning-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-warning-default);border-color:var(--oc-color-swatch-warning-default);color:var(--oc-color-text-inverse)}.oc-button-warning-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-warning-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-danger{background-color:var(--oc-color-swatch-danger-default)}.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{background-color:initial;border-style:none;color:var(--oc-color-swatch-danger-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-danger-raw .oc-icon>svg{fill:var(--oc-color-swatch-danger-default)}.oc-button-danger-raw:disabled{background-color:initial;color:var(--oc-color-swatch-danger-muted)}.oc-button-danger-raw:focus:not([disabled]),.oc-button-danger-raw:hover:not([disabled]){background-color:initial}.oc-button-danger-raw:focus:not([disabled]):not(button),.oc-button-danger-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-danger-outline{background-color:initial;color:var(--oc-color-swatch-danger-default);outline:1px solid var(--oc-color-swatch-danger-default);outline-offset:-1px}.oc-button-danger-outline .oc-icon>svg{fill:var(--oc-color-swatch-danger-default)}.oc-button-danger-outline:disabled{background-color:initial;color:var(--oc-color-swatch-danger-muted)}.oc-button-danger-outline:focus:not([disabled]),.oc-button-danger-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-danger-default);border-color:var(--oc-color-swatch-danger-default);color:var(--oc-color-text-inverse)}.oc-button-danger-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-danger-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-inverse{background-color:var(--oc-color-swatch-inverse-default)}.oc-button-inverse:disabled{background-color:var(--oc-color-swatch-inverse-muted)}.oc-button-inverse:focus:not([disabled]),.oc-button-inverse:hover:not([disabled]){background-color:var(--oc-color-swatch-inverse-hover)}.oc-button-inverse-raw{background-color:initial;border-style:none;color:var(--oc-color-swatch-inverse-default);font-size:var(--oc-font-size-medium);font-weight:400;min-height:0;padding:0}.oc-button-inverse-raw .oc-icon>svg{fill:var(--oc-color-swatch-inverse-default)}.oc-button-inverse-raw:disabled{background-color:initial;color:var(--oc-color-swatch-inverse-muted)}.oc-button-inverse-raw:focus:not([disabled]),.oc-button-inverse-raw:hover:not([disabled]){background-color:initial}.oc-button-inverse-raw:focus:not([disabled]):not(button),.oc-button-inverse-raw:hover:not([disabled]):not(button){text-decoration:underline}.oc-button-inverse-outline{background-color:initial;color:var(--oc-color-swatch-inverse-default);outline:1px solid var(--oc-color-swatch-inverse-default);outline-offset:-1px}.oc-button-inverse-outline .oc-icon>svg{fill:var(--oc-color-swatch-inverse-default)}.oc-button-inverse-outline:disabled{background-color:initial;color:var(--oc-color-swatch-inverse-muted)}.oc-button-inverse-outline:focus:not([disabled]),.oc-button-inverse-outline:hover:not([disabled]){background-color:var(--oc-color-swatch-inverse-default);border-color:var(--oc-color-swatch-inverse-default);color:var(--oc-color-text-inverse)}.oc-button-inverse-outline:focus:not([disabled]) .oc-icon>svg,.oc-button-inverse-outline:hover:not([disabled]) .oc-icon>svg{fill:var(--oc-color-text-inverse)}.oc-button-inverse:not([disabled]){color:var(--oc-color-swatch-brand-default)}.oc-button-inverse:not([disabled]) .oc-icon-passive>svg{fill:var(--oc-color-swatch-brand-default)}.oc-button-inverse-outline:not([disabled]),.oc-button-inverse-raw:not([disabled]){color:var(--oc-color-swatch-inverse-default)}.oc-button-inverse-outline:not([disabled]) .oc-icon-passive>svg,.oc-button-inverse-raw:not([disabled]) .oc-icon-passive>svg{fill:var(--oc-color-swatch-inverse-default)}.oc-button-inverse-outline:focus:not([disabled]),.oc-button-inverse-outline:hover:not([disabled]){color:var(--oc-color-swatch-brand-default)}.oc-button-inverse-outline:focus:not([disabled]) .oc-icon-passive>svg,.oc-button-inverse-outline:hover:not([disabled]) .oc-icon-passive>svg{fill:var(--oc-color-swatch-brand-default)}.oc-button:disabled{cursor:default;opacity:.6}.oc-button-group{border-radius:5px;display:inline-flex;flex-flow:row wrap;outline:1px solid var(--oc-color-swatch-passive-default);outline-offset:-1px}.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-checkbox{-webkit-appearance:none;-moz-appearance:none;background-color:initial;background-position:50% 50%!important;background-repeat:no-repeat!important;border:2px solid var(--oc-color-input-border);display:inline-block;height:14px;outline:none;overflow:hidden;vertical-align:middle;width:14px}.oc-checkbox-outline{outline:solid 2px var(--oc-color-swatch-passive-default)}.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:checked,.oc-checkbox:indeterminate{background-color:var(--oc-color-swatch-inverse-default)}.oc-checkbox:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--oc-color-input-border)' d='M12 1 5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E")}.oc-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--oc-color-input-border)' d='M3 8h10v1H3z'/%3E%3C/svg%3E")}.oc-checkbox:disabled{background-color:#f8f8f8}.oc-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--oc-color-text-muted)' d='M12 1 5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E")}.oc-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--oc-color-text-muted)' d='M3 8h10v1H3z'/%3E%3C/svg%3E")}label>.oc-checkbox+span{margin-left:var(--oc-space-xsmall)}.vc-pane-layout{background-color:var(--oc-color-background-default)!important;color:var(--oc-color-text-default)!important}.vc-arrow svg path{fill:var(--oc-color-text-default)!important}.vc-title{color:var(--oc-color-text-default)!important}.vc-weekday{color:var(--oc-color-text-muted)!important}.vc-day{color:var(--oc-color-text-default)!important}.vc-highlights .vc-highlight{background-color:var(--oc-color-swatch-primary-default)!important}.vc-highlights+span{color:var(--oc-color-text-inverse)!important}.vc-day-content.is-disabled{color:var(--oc-color-text-muted)!important}.tippy-box[data-theme~=none]{background-color:initial;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 button:not([role=switch]){box-sizing:border-box;color:var(--oc-color-swatch-passive-default);padding:var(--oc-space-small)}.tippy-box[data-theme~=none] li.oc-menu-item-hover a:focus,.tippy-box[data-theme~=none] li.oc-menu-item-hover a:hover,.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]):focus,.tippy-box[data-theme~=none] li.oc-menu-item-hover button:not([role=switch]):hover{background-color:var(--oc-color-background-hover);border-radius:5px;text-decoration:none!important}.tippy-box[data-theme~=none] li.oc-menu-item-hover a: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 button:not([role=switch]) span{text-decoration:none!important}.oc-drop{width:300px}.oc-drop li a:focus{outline:1px auto!important}.oc-dropzone{align-items:center;background-color:var(--oc-color-background-default);border:1px dashed var(--oc-color-swatch-primary-muted);color:var(--oc-color-text-default);display:flex;font-size:1.5rem;justify-content:center;line-height:1.5;opacity:.9;padding:var(--oc-space-medium);text-align:center}.oc-dropzone *{pointer-events:none}.oc-grid{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.oc-grid>*{margin:0}.oc-grid>*>:last-child{margin-bottom:0}.oc-grid{margin-left:-30px}.oc-grid>*{padding-left:30px}*+.oc-grid-margin,.oc-grid+.oc-grid,.oc-grid>.oc-grid-margin{margin-top:30px}@media(min-width:1200px){.oc-grid{margin-left:-40px}.oc-grid>*{padding-left:40px}*+.oc-grid-margin,.oc-grid+.oc-grid,.oc-grid>.oc-grid-margin{margin-top:40px}}.oc-grid-column-small,.oc-grid-small{margin-left:-15px}.oc-grid-column-small>*,.oc-grid-small>*{padding-left:15px}*+.oc-grid-margin-small,.oc-grid+.oc-grid-row-small,.oc-grid+.oc-grid-small,.oc-grid-row-small>.oc-grid-margin,.oc-grid-small>.oc-grid-margin{margin-top:15px}.oc-grid-column-medium,.oc-grid-medium{margin-left:-30px}.oc-grid-column-medium>*,.oc-grid-medium>*{padding-left:30px}*+.oc-grid-margin-medium,.oc-grid+.oc-grid-medium,.oc-grid+.oc-grid-row-medium,.oc-grid-medium>.oc-grid-margin,.oc-grid-row-medium>.oc-grid-margin{margin-top:30px}.oc-grid-column-large,.oc-grid-large{margin-left:-40px}.oc-grid-column-large>*,.oc-grid-large>*{padding-left:40px}*+.oc-grid-margin-large,.oc-grid+.oc-grid-large,.oc-grid+.oc-grid-row-large,.oc-grid-large>.oc-grid-margin,.oc-grid-row-large>.oc-grid-margin{margin-top:40px}@media(min-width:1200px){.oc-grid-column-large,.oc-grid-large{margin-left:-70px}.oc-grid-column-large>*,.oc-grid-large>*{padding-left:70px}*+.oc-grid-margin-large,.oc-grid+.oc-grid-large,.oc-grid+.oc-grid-row-large,.oc-grid-large>.oc-grid-margin,.oc-grid-row-large>.oc-grid-margin{margin-top:70px}}.oc-grid-collapse,.oc-grid-column-collapse{margin-left:0}.oc-grid-collapse>*,.oc-grid-column-collapse>*{padding-left:0}.oc-grid+.oc-grid-collapse,.oc-grid+.oc-grid-row-collapse,.oc-grid-collapse>.oc-grid-margin,.oc-grid-row-collapse>.oc-grid-margin{margin-top:0}.oc-grid-divider>*{position:relative}.oc-grid-divider>:not(.oc-first-column):before{border-left:1px solid #e5e5e5;bottom:0;content:"";position:absolute;top:0}.oc-grid-divider.oc-grid-stack>.oc-grid-margin:before{border-top:1px solid #e5e5e5;content:"";left:0;position:absolute;right:0}.oc-grid-divider{margin-left:-60px}.oc-grid-divider>*{padding-left:60px}.oc-grid-divider>:not(.oc-first-column):before{left:30px}.oc-grid-divider.oc-grid-stack>.oc-grid-margin{margin-top:60px}.oc-grid-divider.oc-grid-stack>.oc-grid-margin:before{left:60px;top:-30px}@media(min-width:1200px){.oc-grid-divider{margin-left:-80px}.oc-grid-divider>*{padding-left:80px}.oc-grid-divider>:not(.oc-first-column):before{left:40px}.oc-grid-divider.oc-grid-stack>.oc-grid-margin{margin-top:80px}.oc-grid-divider.oc-grid-stack>.oc-grid-margin:before{left:80px;top:-40px}}.oc-grid-divider.oc-grid-column-small,.oc-grid-divider.oc-grid-small{margin-left:-30px}.oc-grid-divider.oc-grid-column-small>*,.oc-grid-divider.oc-grid-small>*{padding-left:30px}.oc-grid-divider.oc-grid-column-small>:not(.oc-first-column):before,.oc-grid-divider.oc-grid-small>:not(.oc-first-column):before{left:15px}.oc-grid-divider.oc-grid-row-small.oc-grid-stack>.oc-grid-margin,.oc-grid-divider.oc-grid-small.oc-grid-stack>.oc-grid-margin{margin-top:30px}.oc-grid-divider.oc-grid-small.oc-grid-stack>.oc-grid-margin:before{left:30px;top:-15px}.oc-grid-divider.oc-grid-row-small.oc-grid-stack>.oc-grid-margin:before{top:-15px}.oc-grid-divider.oc-grid-column-small.oc-grid-stack>.oc-grid-margin:before{left:30px}.oc-grid-divider.oc-grid-column-medium,.oc-grid-divider.oc-grid-medium{margin-left:-60px}.oc-grid-divider.oc-grid-column-medium>*,.oc-grid-divider.oc-grid-medium>*{padding-left:60px}.oc-grid-divider.oc-grid-column-medium>:not(.oc-first-column):before,.oc-grid-divider.oc-grid-medium>:not(.oc-first-column):before{left:30px}.oc-grid-divider.oc-grid-medium.oc-grid-stack>.oc-grid-margin,.oc-grid-divider.oc-grid-row-medium.oc-grid-stack>.oc-grid-margin{margin-top:60px}.oc-grid-divider.oc-grid-medium.oc-grid-stack>.oc-grid-margin:before{left:60px;top:-30px}.oc-grid-divider.oc-grid-row-medium.oc-grid-stack>.oc-grid-margin:before{top:-30px}.oc-grid-divider.oc-grid-column-medium.oc-grid-stack>.oc-grid-margin:before{left:60px}.oc-grid-divider.oc-grid-column-large,.oc-grid-divider.oc-grid-large{margin-left:-80px}.oc-grid-divider.oc-grid-column-large>*,.oc-grid-divider.oc-grid-large>*{padding-left:80px}.oc-grid-divider.oc-grid-column-large>:not(.oc-first-column):before,.oc-grid-divider.oc-grid-large>:not(.oc-first-column):before{left:40px}.oc-grid-divider.oc-grid-large.oc-grid-stack>.oc-grid-margin,.oc-grid-divider.oc-grid-row-large.oc-grid-stack>.oc-grid-margin{margin-top:80px}.oc-grid-divider.oc-grid-large.oc-grid-stack>.oc-grid-margin:before{left:80px;top:-40px}.oc-grid-divider.oc-grid-row-large.oc-grid-stack>.oc-grid-margin:before{top:-40px}.oc-grid-divider.oc-grid-column-large.oc-grid-stack>.oc-grid-margin:before{left:80px}@media(min-width:1200px){.oc-grid-divider.oc-grid-column-large,.oc-grid-divider.oc-grid-large{margin-left:-140px}.oc-grid-divider.oc-grid-column-large>*,.oc-grid-divider.oc-grid-large>*{padding-left:140px}.oc-grid-divider.oc-grid-column-large>:not(.oc-first-column):before,.oc-grid-divider.oc-grid-large>:not(.oc-first-column):before{left:70px}.oc-grid-divider.oc-grid-large.oc-grid-stack>.oc-grid-margin,.oc-grid-divider.oc-grid-row-large.oc-grid-stack>.oc-grid-margin{margin-top:140px}.oc-grid-divider.oc-grid-large.oc-grid-stack>.oc-grid-margin:before{left:140px;top:-70px}.oc-grid-divider.oc-grid-row-large.oc-grid-stack>.oc-grid-margin:before{top:-70px}.oc-grid-divider.oc-grid-column-large.oc-grid-stack>.oc-grid-margin:before{left:140px}}.oc-grid-item-match,.oc-grid-match>*{display:flex;flex-wrap:wrap}.oc-grid-item-match>:not([class*=oc-width]),.oc-grid-match>*>:not([class*=oc-width]){box-sizing:border-box;flex:auto;width:100%}.oc-list{list-style:none;margin:0;padding:0}.oc-list-divider>:nth-child(n+2){border-top:1px solid var(--oc-color-border);margin-top:var(--oc-space-small);padding-top:var(--oc-space-small)}.oc-list-raw{list-style-type:none}.oc-list-raw a{text-decoration:none!important}.oc-list-raw a:hover{color:inherit}.oc-display-block,.oc-loader:after{display:block!important}.oc-loader:after,.oc-position-absolute{position:absolute!important}.oc-loader,.oc-position-relative{position:relative!important}.oc-loader{-webkit-appearance:none;-moz-appearance:none;background-color:#f8f8f8;border:0;border-radius:500px;display:block;height:15px;margin-bottom:20px;margin-top:20px;overflow:hidden;vertical-align:initial;width:100%}.oc-loader-flat{border-radius:0!important;height:5px!important}.oc-loader:after{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:oc-loader;animation-name:oc-loader;background:var(--oc-color-text-muted);content:"";height:100%;width:0}@-webkit-keyframes oc-loader{0%{left:0;width:0}50%{left:0;width:66%}to{left:100%;width:10%}}@keyframes oc-loader{0%{left:0;width:0}50%{left:0;width:66%}to{left:100%;width:10%}}.oc-notification-message{background-color:var(--oc-color-background-default)!important;cursor:pointer;margin-top:var(--oc-space-small);position:relative;word-break:break-word}.oc-notification-message-title{font-size:1.15rem}.oc-notification{box-sizing:border-box;max-width:100%;width:400px;z-index:1040}.oc-notification-top-left{left:var(--oc-space-small);position:fixed;top:var(--oc-space-small)}.oc-notification-top-center{left:0;margin-left:auto;margin-right:auto;position:fixed;right:0;top:var(--oc-space-small)}.oc-notification-top-right{position:fixed;right:var(--oc-space-small);top:var(--oc-space-small)}.oc-progress{background-color:var(--oc-color-input-border);display:block;height:15px;overflow-x:hidden;position:relative;width:100%}.oc-progress-small{height:5px}.oc-progress-current{transition:width .5s}.oc-progress-current,.oc-progress-indeterminate div{height:100%;position:absolute}.oc-progress-indeterminate-first{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:indeterminate-first;animation-name:indeterminate-first}.oc-progress-indeterminate-second{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:indeterminate-second;animation-name:indeterminate-second}@-webkit-keyframes indeterminate-first{0%{left:-10%;width:10%}to{left:120%;width:100%}}@keyframes indeterminate-first{0%{left:-10%;width:10%}to{left:120%;width:100%}}@-webkit-keyframes indeterminate-second{0%{left:-100%;width:80%}to{left:110%;width:10%}}@keyframes indeterminate-second{0%{left:-100%;width:80%}to{left:110%;width:10%}}.oc-progress-primary .oc-progress-current,.oc-progress-primary .oc-progress-indeterminate div{background-color:var(--oc-color-swatch-primary-default)}.oc-progress-success .oc-progress-current,.oc-progress-success .oc-progress-indeterminate div{background-color:var(--oc-color-swatch-success-default)}.oc-progress-warning .oc-progress-current,.oc-progress-warning .oc-progress-indeterminate div{background-color:var(--oc-color-swatch-warning-default)}.oc-progress-danger .oc-progress-current,.oc-progress-danger .oc-progress-indeterminate div{background-color:var(--oc-color-swatch-danger-default)}.oc-progress-pie-label,.oc-text-muted{color:var(--oc-color-text-muted)}.oc-progress-pie{float:left;height:64px;margin:15px;position:relative;width:64px}.oc-progress-pie *,.oc-progress-pie :after,.oc-progress-pie :before{box-sizing:border-box}.oc-progress-pie:after{border:6.4px solid var(--oc-color-swatch-passive-hover);border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;width:100%}.oc-progress-pie-container{clip:rect(0,64px,64px,32px);height:100%;left:0;position:absolute;top:0;width:100%}.oc-progress-pie-container:after,.oc-progress-pie-container:before{clip:rect(0,32px,64px,0);border-color:var(--oc-color-swatch-brand-default);border:6.4px solid var(--oc-color-swatch-brand-default);border-radius:50%;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.oc-progress-pie-label{color:var(--oc-color-text-muted)!important;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.oc-progress-pie[data-fill="0"] .oc-progress-pie-container:before{transform:rotate(0deg)}.oc-progress-pie[data-fill="0"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="1"] .oc-progress-pie-container:before{transform:rotate(3.6deg)}.oc-progress-pie[data-fill="1"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="2"] .oc-progress-pie-container:before{transform:rotate(7.2deg)}.oc-progress-pie[data-fill="2"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="3"] .oc-progress-pie-container:before{transform:rotate(10.8deg)}.oc-progress-pie[data-fill="3"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="4"] .oc-progress-pie-container:before{transform:rotate(14.4deg)}.oc-progress-pie[data-fill="4"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="5"] .oc-progress-pie-container:before{transform:rotate(18deg)}.oc-progress-pie[data-fill="5"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="6"] .oc-progress-pie-container:before{transform:rotate(21.6deg)}.oc-progress-pie[data-fill="6"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="7"] .oc-progress-pie-container:before{transform:rotate(25.2deg)}.oc-progress-pie[data-fill="7"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="8"] .oc-progress-pie-container:before{transform:rotate(28.8deg)}.oc-progress-pie[data-fill="8"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="9"] .oc-progress-pie-container:before{transform:rotate(32.4deg)}.oc-progress-pie[data-fill="9"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="10"] .oc-progress-pie-container:before{transform:rotate(36deg)}.oc-progress-pie[data-fill="10"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="11"] .oc-progress-pie-container:before{transform:rotate(39.6deg)}.oc-progress-pie[data-fill="11"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="12"] .oc-progress-pie-container:before{transform:rotate(43.2deg)}.oc-progress-pie[data-fill="12"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="13"] .oc-progress-pie-container:before{transform:rotate(46.8deg)}.oc-progress-pie[data-fill="13"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="14"] .oc-progress-pie-container:before{transform:rotate(50.4deg)}.oc-progress-pie[data-fill="14"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="15"] .oc-progress-pie-container:before{transform:rotate(54deg)}.oc-progress-pie[data-fill="15"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="16"] .oc-progress-pie-container:before{transform:rotate(57.6deg)}.oc-progress-pie[data-fill="16"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="17"] .oc-progress-pie-container:before{transform:rotate(61.2deg)}.oc-progress-pie[data-fill="17"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="18"] .oc-progress-pie-container:before{transform:rotate(64.8deg)}.oc-progress-pie[data-fill="18"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="19"] .oc-progress-pie-container:before{transform:rotate(68.4deg)}.oc-progress-pie[data-fill="19"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="20"] .oc-progress-pie-container:before{transform:rotate(72deg)}.oc-progress-pie[data-fill="20"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="21"] .oc-progress-pie-container:before{transform:rotate(75.6deg)}.oc-progress-pie[data-fill="21"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="22"] .oc-progress-pie-container:before{transform:rotate(79.2deg)}.oc-progress-pie[data-fill="22"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="23"] .oc-progress-pie-container:before{transform:rotate(82.8deg)}.oc-progress-pie[data-fill="23"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="24"] .oc-progress-pie-container:before{transform:rotate(86.4deg)}.oc-progress-pie[data-fill="24"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="25"] .oc-progress-pie-container:before{transform:rotate(90deg)}.oc-progress-pie[data-fill="25"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="26"] .oc-progress-pie-container:before{transform:rotate(93.6deg)}.oc-progress-pie[data-fill="26"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="27"] .oc-progress-pie-container:before{transform:rotate(97.2deg)}.oc-progress-pie[data-fill="27"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="28"] .oc-progress-pie-container:before{transform:rotate(100.8deg)}.oc-progress-pie[data-fill="28"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="29"] .oc-progress-pie-container:before{transform:rotate(104.4deg)}.oc-progress-pie[data-fill="29"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="30"] .oc-progress-pie-container:before{transform:rotate(108deg)}.oc-progress-pie[data-fill="30"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="31"] .oc-progress-pie-container:before{transform:rotate(.31turn)}.oc-progress-pie[data-fill="31"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="32"] .oc-progress-pie-container:before{transform:rotate(.32turn)}.oc-progress-pie[data-fill="32"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="33"] .oc-progress-pie-container:before{transform:rotate(.33turn)}.oc-progress-pie[data-fill="33"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="34"] .oc-progress-pie-container:before{transform:rotate(.34turn)}.oc-progress-pie[data-fill="34"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="35"] .oc-progress-pie-container:before{transform:rotate(126deg)}.oc-progress-pie[data-fill="35"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="36"] .oc-progress-pie-container:before{transform:rotate(.36turn)}.oc-progress-pie[data-fill="36"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="37"] .oc-progress-pie-container:before{transform:rotate(.37turn)}.oc-progress-pie[data-fill="37"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="38"] .oc-progress-pie-container:before{transform:rotate(.38turn)}.oc-progress-pie[data-fill="38"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="39"] .oc-progress-pie-container:before{transform:rotate(.39turn)}.oc-progress-pie[data-fill="39"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="40"] .oc-progress-pie-container:before{transform:rotate(144deg)}.oc-progress-pie[data-fill="40"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="41"] .oc-progress-pie-container:before{transform:rotate(.41turn)}.oc-progress-pie[data-fill="41"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="42"] .oc-progress-pie-container:before{transform:rotate(.42turn)}.oc-progress-pie[data-fill="42"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="43"] .oc-progress-pie-container:before{transform:rotate(154.8deg)}.oc-progress-pie[data-fill="43"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="44"] .oc-progress-pie-container:before{transform:rotate(.44turn)}.oc-progress-pie[data-fill="44"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="45"] .oc-progress-pie-container:before{transform:rotate(162deg)}.oc-progress-pie[data-fill="45"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="46"] .oc-progress-pie-container:before{transform:rotate(165.6deg)}.oc-progress-pie[data-fill="46"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="47"] .oc-progress-pie-container:before{transform:rotate(.47turn)}.oc-progress-pie[data-fill="47"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="48"] .oc-progress-pie-container:before{transform:rotate(172.8deg)}.oc-progress-pie[data-fill="48"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="49"] .oc-progress-pie-container:before{transform:rotate(.49turn)}.oc-progress-pie[data-fill="49"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="50"] .oc-progress-pie-container:before{transform:rotate(180deg)}.oc-progress-pie[data-fill="50"] .oc-progress-pie-container:after{display:none}.oc-progress-pie[data-fill="51"] .oc-progress-pie-container:before{transform:rotate(.51turn)}.oc-progress-pie[data-fill="51"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="51"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="52"] .oc-progress-pie-container:before{transform:rotate(.52turn)}.oc-progress-pie[data-fill="52"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="52"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="53"] .oc-progress-pie-container:before{transform:rotate(.53turn)}.oc-progress-pie[data-fill="53"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="53"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="54"] .oc-progress-pie-container:before{transform:rotate(.54turn)}.oc-progress-pie[data-fill="54"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="54"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="55"] .oc-progress-pie-container:before{transform:rotate(198deg)}.oc-progress-pie[data-fill="55"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="55"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="56"] .oc-progress-pie-container:before{transform:rotate(201.6deg)}.oc-progress-pie[data-fill="56"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="56"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="57"] .oc-progress-pie-container:before{transform:rotate(.57turn)}.oc-progress-pie[data-fill="57"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="57"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="58"] .oc-progress-pie-container:before{transform:rotate(208.8deg)}.oc-progress-pie[data-fill="58"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="58"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="59"] .oc-progress-pie-container:before{transform:rotate(.59turn)}.oc-progress-pie[data-fill="59"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="59"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="60"] .oc-progress-pie-container:before{transform:rotate(216deg)}.oc-progress-pie[data-fill="60"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="60"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="61"] .oc-progress-pie-container:before{transform:rotate(.61turn)}.oc-progress-pie[data-fill="61"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="61"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="62"] .oc-progress-pie-container:before{transform:rotate(.62turn)}.oc-progress-pie[data-fill="62"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="62"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="63"] .oc-progress-pie-container:before{transform:rotate(.63turn)}.oc-progress-pie[data-fill="63"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="63"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="64"] .oc-progress-pie-container:before{transform:rotate(.64turn)}.oc-progress-pie[data-fill="64"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="64"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="65"] .oc-progress-pie-container:before{transform:rotate(234deg)}.oc-progress-pie[data-fill="65"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="65"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="66"] .oc-progress-pie-container:before{transform:rotate(.66turn)}.oc-progress-pie[data-fill="66"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="66"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="67"] .oc-progress-pie-container:before{transform:rotate(241.2deg)}.oc-progress-pie[data-fill="67"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="67"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="68"] .oc-progress-pie-container:before{transform:rotate(.68turn)}.oc-progress-pie[data-fill="68"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="68"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="69"] .oc-progress-pie-container:before{transform:rotate(248.4deg)}.oc-progress-pie[data-fill="69"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="69"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="70"] .oc-progress-pie-container:before{transform:rotate(252deg)}.oc-progress-pie[data-fill="70"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="70"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="71"] .oc-progress-pie-container:before{transform:rotate(.71turn)}.oc-progress-pie[data-fill="71"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="71"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="72"] .oc-progress-pie-container:before{transform:rotate(.72turn)}.oc-progress-pie[data-fill="72"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="72"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="73"] .oc-progress-pie-container:before{transform:rotate(.73turn)}.oc-progress-pie[data-fill="73"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="73"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="74"] .oc-progress-pie-container:before{transform:rotate(.74turn)}.oc-progress-pie[data-fill="74"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="74"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="75"] .oc-progress-pie-container:before{transform:rotate(270deg)}.oc-progress-pie[data-fill="75"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="75"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="76"] .oc-progress-pie-container:before{transform:rotate(.76turn)}.oc-progress-pie[data-fill="76"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="76"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="77"] .oc-progress-pie-container:before{transform:rotate(.77turn)}.oc-progress-pie[data-fill="77"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="77"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="78"] .oc-progress-pie-container:before{transform:rotate(.78turn)}.oc-progress-pie[data-fill="78"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="78"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="79"] .oc-progress-pie-container:before{transform:rotate(284.4deg)}.oc-progress-pie[data-fill="79"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="79"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="80"] .oc-progress-pie-container:before{transform:rotate(288deg)}.oc-progress-pie[data-fill="80"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="80"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="81"] .oc-progress-pie-container:before{transform:rotate(.81turn)}.oc-progress-pie[data-fill="81"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="81"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="82"] .oc-progress-pie-container:before{transform:rotate(.82turn)}.oc-progress-pie[data-fill="82"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="82"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="83"] .oc-progress-pie-container:before{transform:rotate(298.8deg)}.oc-progress-pie[data-fill="83"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="83"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="84"] .oc-progress-pie-container:before{transform:rotate(.84turn)}.oc-progress-pie[data-fill="84"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="84"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="85"] .oc-progress-pie-container:before{transform:rotate(306deg)}.oc-progress-pie[data-fill="85"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="85"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="86"] .oc-progress-pie-container:before{transform:rotate(309.6deg)}.oc-progress-pie[data-fill="86"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="86"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="87"] .oc-progress-pie-container:before{transform:rotate(.87turn)}.oc-progress-pie[data-fill="87"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="87"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="88"] .oc-progress-pie-container:before{transform:rotate(.88turn)}.oc-progress-pie[data-fill="88"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="88"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="89"] .oc-progress-pie-container:before{transform:rotate(320.4deg)}.oc-progress-pie[data-fill="89"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="89"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="90"] .oc-progress-pie-container:before{transform:rotate(324deg)}.oc-progress-pie[data-fill="90"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="90"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="91"] .oc-progress-pie-container:before{transform:rotate(.91turn)}.oc-progress-pie[data-fill="91"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="91"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="92"] .oc-progress-pie-container:before{transform:rotate(331.2deg)}.oc-progress-pie[data-fill="92"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="92"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="93"] .oc-progress-pie-container:before{transform:rotate(.93turn)}.oc-progress-pie[data-fill="93"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="93"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="94"] .oc-progress-pie-container:before{transform:rotate(.94turn)}.oc-progress-pie[data-fill="94"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="94"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="95"] .oc-progress-pie-container:before{transform:rotate(342deg)}.oc-progress-pie[data-fill="95"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="95"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill="96"] .oc-progress-pie-container:before{transform:rotate(345.6deg)}.oc-progress-pie[data-fill="96"] .oc-progress-pie-container{clip:rect(auto,auto,auto,auto)}.oc-progress-pie[data-fill="96"] .oc-progress-pie-container:after{transform:rotate(180deg)}.oc-progress-pie[data-fill