1
0
mirror of https://github.com/ZeroCatDev/Classworks.git synced 2026-05-13 19:35:07 +00:00
Classworks/assets/VTimePicker-BkWY3_8P.css

2 lines
12 KiB
CSS

.v-time-picker.v-picker{min-width:328px}.v-time-picker .v-picker__body,.v-time-picker-controls__field-label,.v-time-picker .v-field{transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform,max-height,opacity,font-size}@media (prefers-reduced-motion: reduce){.v-time-picker .v-picker__body,.v-time-picker-controls__field-label,.v-time-picker .v-field{transition:none}}.v-time-picker .v-picker__body{transition-behavior:allow-discrete;max-height:calc-size(max-content,size)}.v-time-picker--variant-input .v-picker__body{transform:scale(0);max-height:0}.v-time-picker-clock{background:rgb(var(--v-theme-background));color:rgb(var(--v-theme-on-background))}.v-time-picker-clock:after{color:rgb(var(--v-theme-primary))}.v-time-picker-clock .v-time-picker-clock__item--active{background-color:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant))}.v-time-picker-clock{margin:24px;background:rgb(var(--v-theme-surface-light));border-radius:50%;position:relative;transition:none;-webkit-user-select:none;user-select:none;max-width:256px;aspect-ratio:1;flex:100%}.v-time-picker-clock__container{display:flex;flex-direction:column;flex-basis:290px;justify-content:center;padding:10px}.v-time-picker-clock__hand{background-color:currentColor;height:calc(50% - 4px);width:2px;bottom:50%;left:calc(50% - 1px);transform-origin:center bottom;position:absolute;will-change:transform;z-index:1}.v-time-picker-clock__hand:before{background:transparent;border-width:2px;border-style:solid;border-color:currentColor;border-radius:100%;width:10px;height:10px;content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%,-50%)}.v-time-picker-clock__hand:after{content:"";position:absolute;height:8px;width:8px;top:100%;left:50%;border-radius:100%;background-color:currentColor;transform:translate(-50%,-50%)}.v-time-picker-clock__hand--inner:after{height:14px}.v-time-picker-clock--readonly{pointer-events:none}.v-time-picker-clock .v-time-picker-clock__item--disabled{opacity:var(--v-disabled-opacity)}.v-picker--full-width .v-time-picker-clock__container{max-width:290px}.v-time-picker-clock__inner{position:absolute;bottom:27px;left:27px;right:27px;top:27px}.v-time-picker-clock__item{align-items:center;border-radius:100%;cursor:default;display:flex;font-size:16px;justify-content:center;height:40px;position:absolute;text-align:center;width:40px;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%)}.v-time-picker-clock__item>span{z-index:1}.v-time-picker-clock__item:before,.v-time-picker-clock__item:after{content:"";border-radius:100%;position:absolute;top:50%;left:50%;height:14px;width:14px;transform:translate(-50%,-50%)}.v-time-picker-clock__item:after,.v-time-picker-clock__item:before{height:40px;width:40px}.v-time-picker-clock__item--active{cursor:default;z-index:2}.v-time-picker-clock__item--disabled{pointer-events:none}.v-picker--landscape .v-time-picker-clock__container{flex-direction:row}@media (forced-colors: active){.v-time-picker-clock__hand{background-color:highlight}.v-time-picker-clock__hand:before{border-color:highlight}.v-time-picker-clock__hand:after{background-color:highlight}.v-time-picker-clock__item--active{outline:2px solid highlight!important}}.student-card{transition:all .2s cubic-bezier(.4,0,.2,1)}.bg-primary-subtle{background-color:rgb(var(--v-theme-primary),.05)}.action-buttons{transition:opacity .2s ease;opacity:0}.gap-1{gap:4px}.gap-2{gap:8px}.student-card .v-text-field{margin:0;padding:0}@media (max-width: 600px){.v-container{padding:12px}.v-col{padding:8px}}.student-card.mobile{margin-bottom:8px}.student-card.mobile .v-btn{min-width:40px;min-height:40px}.student-card.mobile .v-text-field{font-size:16px}@media (max-width: 600px){.v-col{padding:6px!important}.student-card{margin-bottom:4px}.action-buttons{opacity:1}}.student-card{-webkit-tap-highlight-color:transparent}.student-card:active{background-color:rgb(var(--v-theme-primary),.05)}.v-time-picker-controls{display:flex;align-items:center;justify-content:center;font-size:.875rem;margin-inline:24px;margin-bottom:12px}.v-time-picker-controls__text{padding-bottom:12px}.v-time-picker-controls__time{display:flex;white-space:nowrap;direction:ltr;justify-content:center;align-items:start}.v-time-picker-controls__time__separator{width:24px;text-align:center}.v-time-picker--density-compact .v-time-picker-controls__time__separator{font-weight:700}.v-time-picker--density-default .v-time-picker-controls__time__separator{font-size:56px;line-height:74px}.v-time-picker--variant-input .v-time-picker--density-default .v-time-picker-controls__time__separator{line-height:64px}.v-time-picker-controls__time--with-seconds .v-time-picker--density-default .v-time-picker-controls__time__separator{height:80px;font-size:56px}.v-time-picker--density-comfortable .v-time-picker-controls__time__separator{font-size:40px;line-height:58px}.v-time-picker--variant-input .v-time-picker--density-comfortable .v-time-picker-controls__time__separator{line-height:48px}.v-time-picker-controls__time--with-seconds .v-time-picker--density-comfortable .v-time-picker-controls__time__separator{height:64px;font-size:40px}.v-time-picker--density-compact .v-time-picker-controls__time__separator{font-size:32px;line-height:50px}.v-time-picker--variant-input .v-time-picker--density-compact .v-time-picker-controls__time__separator{line-height:40px}.v-time-picker-controls__time--with-seconds .v-time-picker--density-compact .v-time-picker-controls__time__separator{height:56px;font-size:32px}.v-time-picker-controls__time__field{width:96px}.v-time-picker-controls__time__field .v-field{width:96px;background-color:rgb(var(--v-theme-surface-light));color:inherit;transition:color .25s cubic-bezier(.4,0,.2,1)}.v-time-picker-controls__time__field .v-field>.v-field__overlay{opacity:.04}.v-time-picker-controls__time__field--active .v-field>.v-field__overlay{opacity:calc((.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}.v-time-picker--variant-input .v-time-picker-controls__time__field,.v-time-picker--variant-input .v-time-picker-controls__time__field .v-field{width:96px}.v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field,.v-time-picker--variant-input .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field{width:64px}.v-time-picker-controls__time__field .v-field__input{padding:0;font-weight:500;text-align:center;line-height:1;align-self:center}.v-time-picker-controls__time__field .v-field__input:focus::placeholder{opacity:0}.v-time-picker-controls__time__field.v-input>.v-input__details{font-size:12px;letter-spacing:.0333333333em;padding-inline:0;white-space:normal}.v-time-picker-controls__time__field.v-input>.v-input__details>.v-messages{opacity:1}.v-time-picker-controls__time__field.v-input--error .v-field__input{color:rgb(var(--v-theme-error))}.v-time-picker-controls__ampm{margin-left:12px;display:flex;flex-direction:column;text-transform:uppercase}.v-time-picker-controls__ampm--readonly{pointer-events:none}.v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active{opacity:.6}.v-time-picker-controls__ampm__btn.v-btn{min-width:52px;padding:0 8px}.v-time-picker-controls__ampm__btn.v-btn.v-time-picker-controls__ampm__am{border-radius:4px 4px 0 0;border:1px solid}.v-time-picker-controls__ampm__btn.v-btn.v-time-picker-controls__ampm__pm{border-radius:0 0 4px 4px;border:1px solid;border-top:none}.v-time-picker-controls__ampm__btn.v-btn__active{background:rgb(var(--v-theme-primary))}.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control{height:80px}.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control .v-field{font-size:56px}.v-time-picker--density-default .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:80px}.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control{height:72px}.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field{font-size:44px}.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:72px}.v-time-picker--density-default .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field{font-size:40px}.v-time-picker--density-default .v-time-picker-controls__ampm__btn.v-btn{font-size:18px;height:40px}.v-time-picker--density-default.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn{height:36px}.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control{height:64px}.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control .v-field{font-size:40px}.v-time-picker--density-comfortable .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:64px}.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control{height:56px}.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field{font-size:32px}.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:56px}.v-time-picker--density-comfortable .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field{font-size:32px}.v-time-picker--density-comfortable .v-time-picker-controls__ampm__btn.v-btn{font-size:14px;height:32px}.v-time-picker--density-comfortable.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn{height:28px}.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control{height:56px}.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control .v-field{font-size:32px}.v-time-picker--density-compact .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:56px}.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control{height:48px}.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field{font-size:26px}.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__time__field .v-input__control .v-field .v-field__input{min-height:48px}.v-time-picker--density-compact .v-time-picker-controls__time--with-seconds .v-time-picker-controls__time__field .v-field{font-size:28px}.v-time-picker--density-compact .v-time-picker-controls__ampm__btn.v-btn{font-size:12px;height:28px}.v-time-picker--density-compact.v-time-picker--variant-input .v-time-picker-controls__ampm__btn.v-btn{height:24px}.v-picker__title--landscape .v-time-picker-controls{flex-direction:column;justify-content:center;height:100%}.v-picker__title--landscape .v-time-picker-controls__time{text-align:right}.v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,.v-picker__title--landscape .v-time-picker-controls__time span{height:55px;font-size:55px}.v-picker__title--landscape .v-time-picker-controls__ampm{margin:16px 0 0;align-self:initial;text-align:center}.v-picker--time .v-picker__title--landscape{padding:0}.v-picker--time .v-picker__title--landscape .v-time-picker-controls__time{text-align:center}@media (forced-colors: active){.v-time-picker-controls .v-time-picker-controls__time__field:has(input:focus-visible){outline:2px solid highlight;outline-offset:2px}.v-time-picker-controls .v-time-picker-controls__ampm__btn.v-btn--active{color:highlight!important;forced-color-adjust:preserve-parent-color}}