.bgimg{background-image:url(../img/QMH_new_block.4faa68e4.jpg);height:94%;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;position:relative;color:#fff;font-family:Courier New,Courier,monospace;font-size:25px}.topleft{top:0}.bottomleft,.topleft{position:absolute;left:16px}.bottomleft{bottom:0;display:none}.middle{position:absolute;top:28%;left:50%;font-size:6vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}hr{margin:auto;width:40%}.show-newline{white-space:pre-line!important}.headline{color:#fff!important}.user{overflow-y:scroll;height:95vh!important}.v-form{width:80%!important}.logo[data-v-53248ab5]{margin-right:.5vw}.hp-name[data-v-53248ab5]{font-weight:900;display:block;font-size:.85vw;font-family:Times New Roman,Times,serif}.hp-eng[data-v-53248ab5]{content:"PRINCE OF WALES HOSPITAL";display:block;text-align:center;font-size:.5vw;width:100%}.nav-items[data-v-53248ab5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.nav-items .v-divider[data-v-53248ab5]{-ms-flex-item-align:stretch;align-self:stretch}.nav-items .v-btn[data-v-53248ab5]{margin:0 1px;min-width:auto;padding:0 6px;font-size:.875rem;white-space:nowrap}.nav-items .v-btn.nav-button-small[data-v-53248ab5]{min-width:36px;padding:0 4px}.nav-items .v-btn.nav-button-small .v-icon[data-v-53248ab5]{font-size:16px}@media(max-width:1199px){.nav-items .v-btn[data-v-53248ab5]{padding:0 4px;font-size:.8rem}.nav-items .v-btn .v-icon[data-v-53248ab5]{font-size:14px}}@media(max-width:999px){.nav-items .v-btn[data-v-53248ab5]{padding:0 3px;font-size:.75rem}.nav-items .v-btn .v-icon[data-v-53248ab5]{font-size:13px}}@media(max-width:799px){.nav-items .v-btn[data-v-53248ab5]{padding:0 2px;font-size:.7rem}.nav-items .v-btn .v-icon[data-v-53248ab5]{font-size:12px}}@media(max-width:599px){.nav-items .v-btn[data-v-53248ab5]{padding:0 1px;min-width:32px}.nav-items .v-btn .v-icon[data-v-53248ab5]{font-size:11px}}@media(max-width:479px){.nav-items .v-btn[data-v-53248ab5]{padding:0 1px;min-width:28px}.nav-items .v-btn .v-icon[data-v-53248ab5]{font-size:10px}}.overflow-btn[data-v-53248ab5]{min-width:auto!important;padding:0 8px!important}.overflow-btn .v-icon[data-v-53248ab5]{margin-right:4px}@media(max-width:959px){.logo[data-v-53248ab5]{margin-right:.25vw}.logo img[data-v-53248ab5]{height:35px!important}}@media(max-width:599px){.logo img[data-v-53248ab5]{height:30px!important}}.w-100{width:100%!important}.staff-role{overflow-y:scroll;height:95vh!important}pre{font-size:18px;font-family:initial}.dashboard-mangement{overflow-y:scroll;height:95vh!important}.expand-enter-active,.expand-leave-active{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.ot{overflow-y:scroll;height:95vh!important}.upload-box{height:40vh;border:3px dotted #ccc;position:relative}.upload-hints{float:left;position:absolute;top:15vh;width:100%;text-align:center}.add-file{height:17vh;width:70%;background-color:#1e90ff;border-radius:7px;color:#fff;display:block;font-size:2vh;padding:26px;margin-left:15%;margin-top:10vh;-webkit-box-shadow:4px 5px rgba(88,88,88,.7);box-shadow:4px 5px rgba(88,88,88,.7)}.file-name{font-size:3vh;width:100%;text-align:center}.upload-btn{margin-top:1.3vh;margin-bottom:1.3vh}.roster-title{display:block;width:100%;text-align:center;font-size:1.8vw;font-weight:700}.drag-item{min-height:"24px";min-width:"40%";width:auto;width:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:1em}.drag-item .name{font-size:15px}.drag-item.half-width{width:100%;-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}.drag-item.half-width .name{display:inline-block;max-width:100%}.drag-item.small .name,.duty{font-size:14px}.duty{display:inline-block;font-weight:700;text-align:center;color:#111}.icon-span,.location,.name{display:inline-block;height:1.2em;margin:0;margin-right:3px;padding:0}.icon-span{padding:0}.location{font-size:1.2vh;padding-top:1px;font-weight:800;height:1.7vh;border:2px solid #000;background-color:#fff;padding-left:1px;padding-right:1px}.icon-img{display:inline-block;height:1.64vh;margin-bottom:-3px}.item-remark-no{font-size:14px;line-height:1.2;font-weight:800}.returnOt{background-color:#5e5c5c!important;color:#fff;border:1px solid #fff}.os-remark{font-size:.5vw;height:.6vh;margin:0!important}.content{position:relative}.arrived-cover{background-color:#ada7a7;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.4;z-index:2}.a30-cover{background-color:green}.a30-cover,.over-time-cover{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;z-index:2}.over-time-cover{background-color:red}.pm-cover{background-color:#ff0!important}.e-cover{background-color:#fdac20!important}.late-warning{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:5px;width:47px;height:98%;right:0;top:1px;z-index:3}.sick-leave{color:#d4333b!important;text-decoration:line-through}.urgen-annual-leave{color:#00f!important;text-decoration:line-through}.list-group{overflow:hidden;display:inherit;width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:5px;padding-right:5px;scrollbar-width:none;min-height:1em}.list-group.two-col{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.highlight{background-color:#f7ee79}.roster-wrap{min-height:100%}.content{font-family:Microsoft YaHei,Microsoft JhengHei,Arial,serif;color:#000;font-size:13.5px;padding-left:2px;display:inline-block}.time{background-color:#fff;color:#000;font-size:.7vw;text-align:center;border-radius:2px}.break{height:3px}.handle{cursor:move}.input-model{padding:0 30px}@-webkit-keyframes rgbTransition{0%{background-color:red;color:#fff}14%{background-color:#ff7300;color:#000}28%{background-color:#ef0;color:#000}42%{background-color:#0f0;color:#000}56%{background-color:#00e1ff;color:#000}70%{background-color:#c0f;color:#000}84%{background-color:#00f;color:#fff}to{background-color:red;color:#fff}}@keyframes rgbTransition{0%{background-color:red;color:#fff}14%{background-color:#ff7300;color:#000}28%{background-color:#ef0;color:#000}42%{background-color:#0f0;color:#000}56%{background-color:#00e1ff;color:#000}70%{background-color:#c0f;color:#000}84%{background-color:#00f;color:#fff}to{background-color:red;color:#fff}}.animatedBackground{-webkit-animation:rgbTransition 5s infinite;animation:rgbTransition 5s infinite}.duty-reminder{width:20vw;position:absolute;right:10px;bottom:10px;z-index:1000}.cname{font-weight:800}.dutyFont{font-size:1.5vw}.vcard[data-v-9cd89c20]{overflow:hidden;border:1px solid #000;border-radius:0!important}.vcard-no-left[data-v-9cd89c20]{border-right:1px solid #000}.vcard-no-left[data-v-9cd89c20],.vcard-no-right[data-v-9cd89c20]{overflow:hidden;border-bottom:1px solid #000;border-top:1px solid #000;border-radius:0!important}.vcard-no-right[data-v-9cd89c20]{border-left:1px solid #000}div.block-title[data-v-9cd89c20]{text-align:center;font-size:18px;font-weight:700;padding:2px 5px;white-space:nowrap}div.block-title.half[data-v-9cd89c20]{width:50%;display:inline-block}div.block-title.clickable[data-v-9cd89c20]{cursor:pointer}div.block-title.clickable[data-v-9cd89c20]:hover{opacity:.8}div.block-title-sub[data-v-9cd89c20]{text-align:left;font-size:18px;font-weight:700;padding:2px 5px;white-space:nowrap}div.block-title-sub.half[data-v-9cd89c20]{width:50%;display:inline-block}div.block-title-sub.clickable[data-v-9cd89c20]{cursor:pointer}div.block-title-sub.clickable[data-v-9cd89c20]:hover{opacity:.8}pre[data-v-9cd89c20]{line-height:1em;font-size:18px;font-family:initial}pre.small[data-v-9cd89c20]{font-size:14px}.text-black{font-size:1.2vw!important}.reminder{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.reminder div{float:left}.v-alert--dense{padding-top:1vh!important;padding-bottom:.7vh!important;margin-bottom:.2vh!important;line-height:1.8vh!important}.text-black{color:#000;font-size:.8vw!important}.reminder-column{width:100%}.remark-no{margin-right:5px;font-weight:700}.vcard[data-v-0b2aa32c]{overflow:hidden;border:1px solid #000;border-radius:0!important}.horizontal-layout .horizontal-container[data-v-0b2aa32c]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:visible}.horizontal-layout .horizontal-container .block-title-left[data-v-0b2aa32c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;font-size:18px;font-weight:700;border-radius:0;padding:5px 2px;width:100%!important;min-width:unset!important;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.horizontal-layout .horizontal-container .block-title-left .ml-1[data-v-0b2aa32c]{margin-bottom:auto}.horizontal-layout .horizontal-container .block-title-left .c-bottom[data-v-0b2aa32c]{margin-top:auto}.horizontal-layout .horizontal-container .content-area[data-v-0b2aa32c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}div.block-title[data-v-0b2aa32c]{text-align:center;font-size:18px;font-weight:700;border-radius:0;padding:2px 5px;white-space:nowrap}div.block-title.half[data-v-0b2aa32c]{width:50%;display:inline-block}pre[data-v-0b2aa32c]{line-height:1em;font-size:18px;font-family:initial}pre.small[data-v-0b2aa32c]{font-size:14px}.bg-meal{background:#ffe6cc!important;border-top:.7vh solid #ffc281}.bg-icon,.bg-meal{border-radius:5px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.bg-icon{background:#fff2fd!important;border-top:.7vh solid #ffb0f3}.bg-os{background:#e8effc!important;border-top:.7vh solid #a9c7ff}.bg-loaction,.bg-os{border-radius:5px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.bg-loaction{background:#e8fce7!important;border-top:.7vh solid #b3fcaf}.bg-active{background:#1867c0!important;color:#fff!important}.v-chip{margin-right:2vw;margin-bottom:1vh}.icons-location{border:2px solid #000;background-color:#fff;font-weight:900;color:#000!important}.icon-section-name{padding-top:2px;padding-left:5px;font-weight:900}.icon-section{padding-top:0!important}.icon-section,.v-card__text{padding-bottom:0!important}.remark .v-input__slot{height:13vh!important}.icon-description{height:100%;line-height:3.2vh;padding-right:5px}.hp-name{font-weight:900;display:block;font-size:1vw;text-align:center}.hp-floor,.hp-name{font-family:Times New Roman,Times,serif}.hp-floor{color:red;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:3vw;text-align:left}.hp-eng{content:"PRINCE OF WALES HOSPITAL";display:block;text-align:center;font-size:.8vw;width:100%}html{overflow-y:hidden!important;-ms-touch-action:none;touch-action:none}.col.f1o7{-ms-flex-preferred-size:14.2857%;flex-basis:14.2857%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:14.2857%}.col.f2o7{-ms-flex-preferred-size:28.5714%;flex-basis:28.5714%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:28.5714%}.col.f3o7{-ms-flex-preferred-size:42.8571%;flex-basis:42.8571%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:42.8571%}.col.f4o7{-ms-flex-preferred-size:57.1429%;flex-basis:57.1429%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:57.1429%}.col.f5o7{-ms-flex-preferred-size:71.4286%;flex-basis:71.4286%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:71.4286%}.col.f6o7{-ms-flex-preferred-size:85.7143%;flex-basis:85.7143%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:85.7143%}.col.f1o5{-ms-flex-preferred-size:20%;flex-basis:20%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:20%}.col.f2o5{-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:40%}.col.f3o5{-ms-flex-preferred-size:60%;flex-basis:60%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:60%}.col.f4o5{-ms-flex-preferred-size:80%;flex-basis:80%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:80%}.outter-wide{height:99%!important}.myButton{-webkit-box-shadow:-20px 1px 5px -30px #fff6af;box-shadow:-20px 1px 5px -30px #fff6af;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ffec64),to(#ffac26));background:linear-gradient(180deg,#ffec64 5%,#ffac26);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;cursor:pointer;color:#333;font-family:Arial;line-height:1.2;font-size:.8vw;font-weight:700;height:2.7vh;padding:4px 16px;text-decoration:none;text-shadow:0 1px 0 #fe6}.myButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ffac26),to(#ffec64));background:linear-gradient(180deg,#ffac26 5%,#ffec64);background-color:#ffac26}.myButton:active{position:relative;top:1px}.v-input--selection-controls__input .v-icon{font-size:.9vw;height:2.1vh}.v-application{line-height:1.4}.roster-outter{overflow:hidden;width:100%;height:100%}.date-dialog{position:absolute;left:0;top:0}.float-left,.ot-room{float:left}.ot-room{border-right:1px solid #000;height:100%}.left-border{border-left:1px solid #000}.period{font-size:.87vw;float:left;width:4%;height:100%;border-right:1px solid #000;background-color:#f0f0f0;text-align:center;font-weight:900;line-height:2vh}.roster_name,.roster_name_os{border-bottom:1px solid #000;text-align:center;font-weight:700;font-size:1.6vh}.roster_name_os{font-size:1.6vh}.border-right-except{border:1px solid #000;border-right:none}.border-right{border-right:1px solid #000}.border-bottom{border-bottom:1px solid #000}.stop-label{font-size:.7vw;color:#a8a8a8;font-weight:400;line-height:1.8;position:absolute}.dashboard{width:100%;height:100%}.dashboard .ot-cover{color:#fff}.dashboard .ot-cover,.dashboard .ot-end-cover{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:1.2em;width:100%;height:100%;background-color:#666;z-index:0;font-size:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard .ot-end-cover{color:red}.dashboard .timer{border:2px solid red;background-color:#ffffe0;font-weight:900;height:100%;font-family:sans-serif}.dashboard .date-time{font-size:1.3vw}.dashboard .announcement{border:2px solid red;background-color:#ffff4e!important;color:red!important;text-align:center;font-weight:900;font-family:sans-serif;opacity:.85}.dashboard .left-section{width:80%}.dashboard .right-section{width:20%}.dashboard .project-name{font-weight:900;text-align:center;width:100%;display:block;background-color:#fa2;position:absolute;font-size:1.6vh;bottom:0}.dashboard .nameBlack{color:#000}.dashboard .nameNurse{color:#00f}.dashboard .namePCA{color:#bc694d}.dashboard .nameWK{color:#be3269}.dashboard .nameHCA{color:#32be3e}.dashboard .nameEvening{background-color:#efefef}.dashboard .poster{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.dashboard .right{float:left;width:14.75%;height:100%;overflow:hidden}.dashboard .top-section{width:100%;height:20vh;background-color:#f0f0f0}.dashboard .top-section .left{float:left;width:70.5%;height:100%}.dashboard .top-section .left .top{width:100%;height:14%;background-color:#03a9f4;overflow:hidden}.dashboard .top-section .left .top .important-title{height:100%;color:#fff;text-align:left;font-weight:900;font-size:2vh;margin-left:5px}.dashboard .top-section .left .top .roster-outter{margin-left:5px;width:8%;height:100%}.dashboard .top-section .left .bottom{width:100%;height:86%}.dashboard .top-section .left .bottom .hospital-logo{width:18%;float:left;height:100%;background-color:#fff;border-bottom:1px solid #000;border-right:1px solid #000;position:relative;-moz-text-align-last:center;text-align-last:center}.dashboard .top-section .left .bottom .announcement_box{float:left;width:20%;height:100%;background-color:#fff2fc;border-bottom:1px solid #000}.dashboard .top-section .left .bottom .announcement_box .announcement-left{width:30%;height:100%}.dashboard .top-section .left .bottom .announcement_box .announcement-right{width:70%;height:100%}.dashboard .top-section .left .bottom .announcement_box .abbr-span{font-size:.89vw;width:100%;height:33%;font-weight:900}.dashboard .top-section .left .bottom .announcement_box .abbr-content{width:100%;height:33%}.dashboard .top-section .left .bottom .announcement_box .abbr-content .roster-outter{height:100%;overflow:hidden}.dashboard .top-section .left .bottom .roster_box{float:left;width:62%;height:100%}.dashboard .top-section .left .bottom .roster_container{float:left;width:25%;height:100%;overflow:hidden!important}.dashboard .top-section .left .bottom .roster_container .roster-outter{overflow:hidden!important}.dashboard .top-section .left .bottom .two-span{width:43%!important}.dashboard .top-section .left .bottom .two-span-wide{width:57%!important}.dashboard .top-section .right{float:left;width:14.75%;height:100%;border-bottom:1px solid #000;overflow:hidden}.dashboard .middle-section{width:100%;height:57vh;background-color:#f0f0f0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .middle-section .header{font-size:1.6vh;font-weight:700;height:10%;width:100%}.dashboard .middle-section .header .return-ot{height:24%;font-size:.6em;font-weight:700;text-align:center}.dashboard .middle-section .header .ot-room-name{height:40%;border-bottom:1px solid #000}.dashboard .middle-section .header .ot-room-name .ot-room{background-color:#ff0}.dashboard .middle-section .header .ot-room-name .left{float:left;width:14%}.dashboard .middle-section .header .ot-room-name .center{float:left;width:68.5%;text-align:center;padding-left:25%;position:relative}.dashboard .middle-section .header .ot-room-name .center span{float:left}.dashboard .middle-section .header .ot-room-name .center .vtimeselector__clear,.dashboard .middle-section .header .ot-room-name .center .vtimeselector__input{display:none}.dashboard .middle-section .header .ot-room-name .center .vtimeselector__box__list{padding-left:0!important}.dashboard .middle-section .header .ot-room-name .center .vtimeselector__box{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.dashboard .middle-section .header .ot-room-name .center .v-input--checkbox{float:left;margin:0!important;margin-left:.1vw!important;padding:0!important;top:0!important;height:100%!important}.dashboard .middle-section .header .ot-room-name .center .v-input--selection-controls__input{margin-right:0!important;top:0!important}.dashboard .middle-section .header .ot-room-name .right{float:left;width:15%;text-align:right}.dashboard .middle-section .header .ot-specialty-name{height:60%;border-bottom:1px solid #000}.dashboard .middle-section .header .ot-specialty-name .ot-room{text-align:center;font-size:.7vw}.dashboard .middle-section .header .ot-specialty-name .free-text-row,.dashboard .middle-section .header .ot-specialty-name .specialty-row{height:50%;background-color:#fffab8}.dashboard .middle-section .ot-content{margin-bottom:0;width:100%;height:90%}.dashboard .middle-section .ot-content .otRow{width:100%;border-bottom:1px solid #000;overflow:hidden}.dashboard .bottom-section{width:100%;height:26vh;background-color:#f0f0f0}.dashboard .bottom-section .bottom-column{width:10%;height:100%}.dashboard .bottom-section .bottom-column-wide{width:20%;height:100%}.dashboard .bottom-section .bottom-title{font-size:.7vw!important;width:100%;height:8%;border-bottom:1px solid #000;font-weight:900;font-size:1.6vh;text-align:center}.dashboard .bottom-section .bottom-cotent{width:100%;height:80%;overflow:hidden}.dashboard .bottom-section .bottom-cotent-half{width:100%;height:36%;overflow:hidden}.alarm,.announcement{font-size:1.2em}.coolTitle{height:100vh;background:#fff}.vertical-text{width:.5vw!important;min-width:0!important;min-height:67px!important;height:6vh!important;padding-top:0!important}.vertical-text .v-btn__content{-webkit-writing-mode:tb-rl!important;-ms-writing-mode:tb-rl!important;writing-mode:tb-rl!important;text-align:center;height:100%;color:#fff}.staff{overflow-y:scroll;height:95vh!important;scroll-behavior:smooth}.isSticky{position:-webkit-sticky;position:sticky;top:1vh;-webkit-transition:.2s ease-out;transition:.2s ease-out}.color-display{width:3vw}.text-center{text-align:center}