@sandlada/vue-mdc
Version:

2 lines (1 loc) • 8.19 kB
CSS
@layer mdc-checkbox{._checkbox_nvavm_2{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:transparent;cursor:pointer;flex-grow:0;flex-shrink:0;place-content:center;place-items:center}._checkbox_nvavm_2._disabled_nvavm_19,._checkbox_nvavm_2:disabled{cursor:default}._checkbox_nvavm_2[touch-target=wrapper]{margin:max(0px,(48px - var(--md-checkbox-container-size, 18px)) / 2)}._checkbox_nvavm_2 [data-component=focus-ring]{height:44px;inset:unset;width:44px}._checkbox_nvavm_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}._checkbox_nvavm_2[touch-target=none] input{height:100%;width:100%}._checkbox_nvavm_2 ._outline_nvavm_45,._checkbox_nvavm_2 ._background_nvavm_45,._checkbox_nvavm_2 ._icon_nvavm_45{inset:0;position:absolute}._checkbox_nvavm_2 ._outline_nvavm_45,._checkbox_nvavm_2 ._background_nvavm_45{border-radius:inherit}._checkbox_nvavm_2 ._outline_nvavm_45{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}._checkbox_nvavm_2 ._background_nvavm_45{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}._checkbox_nvavm_2 ._background_nvavm_45,._checkbox_nvavm_2 ._icon_nvavm_45{opacity:0;transition-duration:.15s,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.3,0,.8,.15),linear;transform:scale(.6)}._checkbox_nvavm_2:where(._selected_nvavm_68) :is(._background_nvavm_45,._icon_nvavm_45){opacity:1;transition-duration:.35s,50ms;transition-timing-function:cubic-bezier(.05,.7,.1,1),linear;transform:scale(1)}._checkbox_nvavm_2{--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, .08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, .12)}._checkbox_nvavm_2._selected_nvavm_68{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, .08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, .12)}._checkbox_nvavm_2 [data-component=ripple]{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px)}._checkbox_nvavm_2 ._icon_nvavm_45{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}._checkbox_nvavm_2 ._mark_nvavm_97._short_nvavm_97{height:2px;transition-property:transform,height;width:2px}._checkbox_nvavm_2 ._mark_nvavm_97._long_nvavm_102{height:2px;transition-property:transform,width;width:10px}._checkbox_nvavm_2 ._mark_nvavm_97{animation-duration:.15s;animation-timing-function:cubic-bezier(.3,0,.8,.15);transition-duration:.15s;transition-timing-function:cubic-bezier(.3,0,.8,.15)}._checkbox_nvavm_2._selected_nvavm_68 ._mark_nvavm_97{animation-duration:.35s;animation-timing-function:cubic-bezier(.05,.7,.1,1);transition-duration:.35s;transition-timing-function:cubic-bezier(.05,.7,.1,1)}._checkbox_nvavm_2._checked_nvavm_119 ._mark_nvavm_97,._checkbox_nvavm_2._prev-checked_nvavm_119._unselected_nvavm_119 ._mark_nvavm_97{transform:scaleY(-1) translate(7px,-14px) rotate(45deg)}._checkbox_nvavm_2._checked_nvavm_119 ._mark_nvavm_97._short_nvavm_97,._checkbox_nvavm_2._prev-checked_nvavm_119._unselected_nvavm_119 ._mark_nvavm_97._short_nvavm_97{height:5.6568542495px}._checkbox_nvavm_2._checked_nvavm_119 ._mark_nvavm_97._long_nvavm_102,._checkbox_nvavm_2._prev-checked_nvavm_119._unselected_nvavm_119 ._mark_nvavm_97._long_nvavm_102{width:11.313708499px}._checkbox_nvavm_2._indeterminate_nvavm_128 ._mark_nvavm_97,._checkbox_nvavm_2._prev-indeterminate_nvavm_128._unselected_nvavm_119 ._mark_nvavm_97{transform:scaleY(-1) translate(4px,-10px) rotate(0)}._checkbox_nvavm_2._prev-unselected_nvavm_131 ._mark_nvavm_97{transition-property:none}._checkbox_nvavm_2._prev-unselected_nvavm_131._checked_nvavm_119 ._mark_nvavm_97._long_nvavm_102{animation-name:_prev-unselected-to-checked_nvavm_1}@keyframes _prev-unselected-to-checked_nvavm_1{0%{width:0}}._checkbox_nvavm_2:where(:hover) ._outline_nvavm_45{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}._checkbox_nvavm_2:where(:hover) ._background_nvavm_45{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}._checkbox_nvavm_2:where(:hover) ._icon_nvavm_45{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}._checkbox_nvavm_2:where(:focus-within) ._outline_nvavm_45{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}._checkbox_nvavm_2:where(:focus-within) ._background_nvavm_45{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}._checkbox_nvavm_2:where(:focus-within) ._icon_nvavm_45{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}._checkbox_nvavm_2:where(:active) ._outline_nvavm_45{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}._checkbox_nvavm_2:where(:active) ._background_nvavm_45{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}._checkbox_nvavm_2:where(:active) ._icon_nvavm_45{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}._checkbox_nvavm_2:where(._disabled_nvavm_19,._prev-disabled_nvavm_172) :is(._background_nvavm_45,._icon_nvavm_45,._mark_nvavm_97){animation-duration:0s;transition-duration:0s}._checkbox_nvavm_2:where(._disabled_nvavm_19) ._outline_nvavm_45{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, .38)}._checkbox_nvavm_2:where(._selected_nvavm_68._disabled_nvavm_19) ._outline_nvavm_45{visibility:hidden}._checkbox_nvavm_2:where(._selected_nvavm_68._disabled_nvavm_19) ._background_nvavm_45{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, .38)}._checkbox_nvavm_2:where(._disabled_nvavm_19) ._icon_nvavm_45{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media (forced-colors: active){._checkbox_nvavm_2 ._background_nvavm_45{background-color:CanvasText}._checkbox_nvavm_2._selected_nvavm_68._disabled_nvavm_19 ._background_nvavm_45{background-color:GrayText;opacity:1}._checkbox_nvavm_2 ._outline_nvavm_45{border-color:CanvasText}._checkbox_nvavm_2._disabled_nvavm_19 ._outline_nvavm_45{border-color:GrayText;opacity:1}._checkbox_nvavm_2 ._icon_nvavm_45{fill:Canvas}}}