UNPKG

@sandlada/vue-mdc

Version:

![Vue MDC Logo](https://raw.githubusercontent.com/sandlada/vue-mdc/refs/heads/main/docs/vue-mdc-cover.png)

2 lines (1 loc) 11.5 kB
@layer mdc-progress{@layer circular-progress{._circular-progress_pvz8w_3{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto;flex:1;align-self:stretch;margin:4px}._circular-progress_pvz8w_3 ._spinner_pvz8w_24,._circular-progress_pvz8w_3 ._left_pvz8w_24,._circular-progress_pvz8w_3 ._right_pvz8w_24,._circular-progress_pvz8w_3 ._circle_pvz8w_24,._circular-progress_pvz8w_3 svg,._circular-progress_pvz8w_3 ._track_pvz8w_24,._circular-progress_pvz8w_3 ._active-track_pvz8w_24{position:absolute;inset:0}._circular-progress_pvz8w_3 svg{transform:rotate(-90deg)}._circular-progress_pvz8w_3 circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_active-indicator-width) / 100));stroke-width:calc(var(--_active-indicator-width) * 1%);stroke-dasharray:100;fill:transparent}._circular-progress_pvz8w_3 ._active-track_pvz8w_24{transition:stroke-dashoffset .5s cubic-bezier(0,0,.2,1);stroke:var(--_active-indicator-color)}._circular-progress_pvz8w_3 ._track_pvz8w_24{stroke:transparent}._circular-progress_pvz8w_3._indeterminate_pvz8w_46{animation:linear infinite _linear-rotate_pvz8w_1;animation-duration:1.5682352941176s}._circular-progress_pvz8w_3 ._spinner_pvz8w_24{animation:infinite both _rotate-arc_pvz8w_1;animation-duration:5332ms;animation-timing-function:cubic-bezier(.4,0,.2,1)}._circular-progress_pvz8w_3 ._left_pvz8w_24{overflow:hidden;inset:0 50% 0 0}._circular-progress_pvz8w_3 ._right_pvz8w_24{overflow:hidden;inset:0 0 0 50%}._circular-progress_pvz8w_3 ._circle_pvz8w_24{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width) / 100 * (var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) transparent transparent;animation:_expand-arc_pvz8w_1;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(.4,0,.2,1)}._circular-progress_pvz8w_3._four-color_pvz8w_74 ._circle_pvz8w_24{animation-name:_expand-arc_pvz8w_1,_four-color_pvz8w_74}._circular-progress_pvz8w_3 ._left_pvz8w_24 ._circle_pvz8w_24{rotate:135deg;inset:0 -100% 0 0}._circular-progress_pvz8w_3 ._right_pvz8w_24 ._circle_pvz8w_24{rotate:100deg;inset:0 0 0 -100%;animation-delay:-.6665s,0ms}@media (forced-colors: active){._circular-progress_pvz8w_3 ._active-track_pvz8w_24{stroke:CanvasText}._circular-progress_pvz8w_3 ._circle_pvz8w_24{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes _expand-arc_pvz8w_1{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes _rotate-arc_pvz8w_1{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@keyframes _linear-rotate_pvz8w_1{to{transform:rotate(360deg)}}@keyframes _four-color_pvz8w_74{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}to{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}}@layer linear-progress{._linear-progress_pvz8w_176{--_active-indicator-color: var(--md-linear-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-linear-progress-active-indicator-height, 4px);--_four-color-active-indicator-four-color: var(--md-linear-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-linear-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-linear-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-linear-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_track-color: var(--md-linear-progress-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_track-height: var(--md-linear-progress-track-height, 4px);--_track-shape: var(--md-linear-progress-track-shape, var(--md-sys-shape-corner-none, 0px));border-radius:var(--_track-shape);display:flex;position:relative;min-width:80px;height:var(--_track-height);content-visibility:auto;contain:strict;direction:ltr;overflow:hidden;align-items:center}._linear-progress_pvz8w_176 ._dots_pvz8w_197,._linear-progress_pvz8w_176 ._inactive-track_pvz8w_197,._linear-progress_pvz8w_176 ._bar_pvz8w_197,._linear-progress_pvz8w_176 ._bar-inner_pvz8w_197{position:absolute}._linear-progress_pvz8w_176 ._bar_pvz8w_197{animation:none;width:100%;height:var(--_active-indicator-height);transform-origin:left center;transition:transform .25s cubic-bezier(.4,0,.6,1)}._linear-progress_pvz8w_176 ._secondary-bar_pvz8w_207{display:none}._linear-progress_pvz8w_176 ._bar-inner_pvz8w_197{inset:0;animation:none;background:var(--_active-indicator-color)}._linear-progress_pvz8w_176 ._inactive-track_pvz8w_197{background:var(--_track-color);inset:0;transition:transform .25s cubic-bezier(.4,0,.6,1);transform-origin:left center}._linear-progress_pvz8w_176 ._dots_pvz8w_197{inset:0;animation:linear infinite .25s;animation-name:_buffering_pvz8w_1;background-color:var(--_track-color);background-repeat:repeat-x;-webkit-mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");z-index:-1}._linear-progress_pvz8w_176 ._dots_pvz8w_197[hidden]{display:none}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._bar_pvz8w_197{transition:none}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._primary-bar_pvz8w_237{inset-inline-start:-145.167%}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._secondary-bar_pvz8w_207{inset-inline-start:-54.8889%;display:block}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._primary-bar_pvz8w_237{animation:linear infinite 2s;animation-name:_primary-indeterminate-translate_pvz8w_1}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._primary-bar_pvz8w_237>._bar-inner_pvz8w_197{animation:linear infinite 2s _primary-indeterminate-scale_pvz8w_1}._linear-progress_pvz8w_176._indeterminate_pvz8w_46._four-color_pvz8w_74 ._primary-bar_pvz8w_237>._bar-inner_pvz8w_197{animation-name:_primary-indeterminate-scale_pvz8w_1,_four-color_pvz8w_74;animation-duration:2s,4s}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._secondary-bar_pvz8w_207{animation:linear infinite 2s;animation-name:_secondary-indeterminate-translate_pvz8w_1}._linear-progress_pvz8w_176._indeterminate_pvz8w_46 ._secondary-bar_pvz8w_207>._bar-inner_pvz8w_197{animation:linear infinite 2s _secondary-indeterminate-scale_pvz8w_1}._linear-progress_pvz8w_176._indeterminate_pvz8w_46._four-color_pvz8w_74 ._secondary-bar_pvz8w_207>._bar-inner_pvz8w_197{animation-name:_secondary-indeterminate-scale_pvz8w_1,_four-color_pvz8w_74;animation-duration:2s,4s}._linear-progress_pvz8w_176:dir(rtl){transform:scale(-1)}@keyframes _primary-indeterminate-scale_pvz8w_1{0%{transform:scaleX(.08)}36.65%{animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes _secondary-indeterminate-scale_pvz8w_1{0%{animation-timing-function:cubic-bezier(.205028,.057051,.57661,.453971);transform:scaleX(.08)}19.15%{animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.00432);transform:scaleX(.457104)}44.15%{animation-timing-function:cubic-bezier(.257759,-.003163,.211762,1.38179);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@keyframes _buffering_pvz8w_1{0%{transform:translate(calc(var(--_track-height) / 2 * 5))}}@keyframes _primary-indeterminate-translate_pvz8w_1{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translate(0)}59.15%{animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translate(83.6714%)}to{transform:translate(200.611%)}}@keyframes _secondary-indeterminate-translate_pvz8w_1{0%{animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translate(0)}25%{animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translate(37.6519%)}48.35%{animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translate(84.3862%)}to{transform:translate(160.278%)}}@keyframes _four-color_pvz8w_74{0%{background:var(--_four-color-active-indicator-one-color)}15%{background:var(--_four-color-active-indicator-one-color)}25%{background:var(--_four-color-active-indicator-two-color)}40%{background:var(--_four-color-active-indicator-two-color)}50%{background:var(--_four-color-active-indicator-three-color)}65%{background:var(--_four-color-active-indicator-three-color)}75%{background:var(--_four-color-active-indicator-four-color)}90%{background:var(--_four-color-active-indicator-four-color)}to{background:var(--_four-color-active-indicator-one-color)}}@media (forced-colors: active){._linear-progress_pvz8w_176{outline:1px solid CanvasText}._linear-progress_pvz8w_176 ._bar-inner_pvz8w_197,._linear-progress_pvz8w_176 ._dots_pvz8w_197{background-color:CanvasText}}}}