t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
1 lines • 52.9 kB
CSS
.f-button{position:relative;display:inline-flex;justify-content:center;align-items:center;font-size:var(--f-button-font-size, 14px);border:none;outline:none;user-select:none;text-decoration:none;height:35px;transition:.3s;line-height:1;cursor:pointer;padding:0 25px;background:#f0f0f0;white-space:nowrap;vertical-align:middle;border-radius:2px;overflow:hidden;box-shadow:var(--f-button-box-shadow);color:var(--f-button-font-color, #fff)}.f-button.f-button__default{background:#f0f0f0;color:#333}.f-button.f-button__default:hover{background:#e8e8e8}.f-button.f-button__default:active{background:#d7d7d7}.f-button.f-button__default.f-button__disabled:hover{background:#f0f0f0;color:#333}.f-button.f-button__default.f-button__simple{color:#333;background:#f8f8f8}.f-button.f-button__default.f-button__simple:hover{background:#f0f0f0}.f-button.f-button__default.f-button__simple:active{background:#e1e1e1}.f-button.f-button__default.f-button__simple.f-button__disabled:hover{color:#333;background:#f8f8f8}.f-button.f-button__default.f-button__text{background:none;color:#333}.f-button.f-button__default.f-button__text:hover{background:#f0f0f0}.f-button.f-button__default.f-button__text:active{background:#e3e3e3}.f-button.f-button__default.f-button__text.f-button__disabled:hover{background:#fff;color:#333;border:1px solid #333}.f-button.f-button__primary{background:#2d5af1;color:#fff}.f-button.f-button__primary:hover{background:#5d80f4}.f-button.f-button__primary:active{background:#0f3edc}.f-button.f-button__primary.f-button__disabled:hover{background:#2d5af1;color:#fff}.f-button.f-button__primary.f-button__simple{color:#2d5af1;background:#dee5fd}.f-button.f-button__primary.f-button__simple:hover{background:#ecf0fe}.f-button.f-button__primary.f-button__simple:active{background:#d0dafc}.f-button.f-button__primary.f-button__simple.f-button__disabled:hover{color:#2d5af1;background:#dee5fd}.f-button.f-button__primary.f-button__text{background:none;color:#2d5af1}.f-button.f-button__primary.f-button__text:hover{background:#f0f0f0}.f-button.f-button__primary.f-button__text:active{background:#e3e3e3}.f-button.f-button__primary.f-button__text.f-button__disabled:hover{background:#fff;color:#2d5af1;border:1px solid #2d5af1}.f-button.f-button__success{background:#52b35e;color:#fff}.f-button.f-button__success:hover{background:#75c37f}.f-button.f-button__success:active{background:#40924a}.f-button.f-button__success.f-button__disabled:hover{background:#52b35e;color:#fff}.f-button.f-button__success.f-button__simple{color:#52b35e;background:#e7f4e8}.f-button.f-button__success.f-button__simple:hover{background:#f1f9f2}.f-button.f-button__success.f-button__simple:active{background:#dcf0df}.f-button.f-button__success.f-button__simple.f-button__disabled:hover{color:#52b35e;background:#e7f4e8}.f-button.f-button__success.f-button__text{background:none;color:#52b35e}.f-button.f-button__success.f-button__text:hover{background:#f0f0f0}.f-button.f-button__success.f-button__text:active{background:#e3e3e3}.f-button.f-button__success.f-button__text.f-button__disabled:hover{background:#fff;color:#52b35e;border:1px solid #52b35e}.f-button.f-button__danger{background:#ff0200;color:#fff}.f-button.f-button__danger:hover{background:#ff5857}.f-button.f-button__danger:active{background:#cc0200}.f-button.f-button__danger.f-button__disabled:hover{background:#ff0200;color:#fff}.f-button.f-button__danger.f-button__simple{color:#ff0200;background:#ffd7d6}.f-button.f-button__danger.f-button__simple:hover{background:#ffe6e6}.f-button.f-button__danger.f-button__simple:active{background:#ffc7c7}.f-button.f-button__danger.f-button__simple.f-button__disabled:hover{color:#ff0200;background:#ffd7d6}.f-button.f-button__danger.f-button__text{background:none;color:#ff0200}.f-button.f-button__danger.f-button__text:hover{background:#f0f0f0}.f-button.f-button__danger.f-button__text:active{background:#e3e3e3}.f-button.f-button__danger.f-button__text.f-button__disabled:hover{background:#fff;color:#ff0200;border:1px solid #ff0200}.f-button.f-button__warning{background:#fcc202;color:#fff}.f-button.f-button__warning:hover{background:#fed348}.f-button.f-button__warning:active{background:#c99b02}.f-button.f-button__warning.f-button__disabled:hover{background:#fcc202;color:#fff}.f-button.f-button__warning.f-button__simple{color:#fcc202;background:#fff5d6}.f-button.f-button__warning.f-button__simple:hover{background:#fff9e5}.f-button.f-button__warning.f-button__simple:active{background:#fff2c6}.f-button.f-button__warning.f-button__simple.f-button__disabled:hover{color:#fcc202;background:#fff5d6}.f-button.f-button__warning.f-button__text{background:none;color:#fcc202}.f-button.f-button__warning.f-button__text:hover{background:#f0f0f0}.f-button.f-button__warning.f-button__text:active{background:#e3e3e3}.f-button.f-button__warning.f-button__text.f-button__disabled:hover{background:#fff;color:#fcc202;border:1px solid #fcc202}.f-button.f-button__large{height:40px;padding:0 30px;line-height:40px;font-size:var(--f-button-font-size, 15px)}.f-button.f-button__large.f-button__circle{height:40px;width:40px;line-height:1;padding:0;border-radius:50%}.f-button.f-button__middle{height:35px;padding:0 25px;line-height:35px;font-size:var(--f-button-font-size, 14px)}.f-button.f-button__middle.f-button__circle{height:35px;width:35px;line-height:1;padding:0;border-radius:50%}.f-button.f-button__small{height:30px;padding:0 20px;line-height:30px;font-size:var(--f-button-font-size, 13px)}.f-button.f-button__small.f-button__circle{height:30px;width:30px;line-height:1;padding:0;border-radius:50%}.f-button.f-button__mini{height:25px;padding:0 15px;line-height:25px;font-size:var(--f-button-font-size, 12px)}.f-button.f-button__mini.f-button__circle{height:25px;width:25px;line-height:1;padding:0;border-radius:50%}.f-button.f-button__round{border-radius:30px}.f-button.f-button__block{display:block;width:100%}.f-button.f-button__bold{font-weight:700}.f-button.f-button__disabled{opacity:.5;cursor:not-allowed}.f-button__before-icon{margin-right:5px}.f-button__loading-animation{animation:f-button-loading-animation 1s linear infinite;-webkit-animation:f-button-loading-animation 1s linear infinite}@keyframes f-button-loading-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.f-button__ripples{width:2px;height:2px;position:absolute;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;animation:f-button-ripples .7s linear;opacity:.5;background:#fff}@keyframes f-button-ripples{0%{width:2px;height:2px;opacity:.5}to{width:500px;height:500px;opacity:0}}.f-button.f-button__color,.f-button.f-button__color.f-button-disabled:hover{background:var(--f-button-default-color)}.f-button.f-button__color:hover{background:var(--f-button-hover-color)}.f-button.f-button__color:active{background:var(--f-button-active-color)}.f-button-group{display:inline-block}.f-button-group.f-button-group__large .f-button{height:40px;padding:0 28px}.f-button-group.f-button-group__large .f-button .f-text{line-height:40px;font-size:15px}.f-button-group.f-button-group__middle .f-button{height:35px;padding:0 25px}.f-button-group.f-button-group__middle .f-button .f-text{line-height:35px;font-size:14px}.f-button-group.f-button-group__small .f-button{height:30px;padding:0 22px}.f-button-group.f-button-group__small .f-button .f-text{line-height:30px;font-size:13px}.f-button-group.f-button-group__mini .f-button{height:25px;padding:0 19px}.f-button-group.f-button-group__mini .f-button .f-text{line-height:25px;font-size:12px}.f-button-group.f-button-group__horizontal .f-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.f-button-group.f-button-group__horizontal .f-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.f-button-group.f-button-group__horizontal .f-button:not(:first-child):not(:last-child){border-radius:0}.f-button-group.f-button-group__vertical{display:inline-flex;flex-direction:column}.f-button-group.f-button-group__vertical .f-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.f-button-group.f-button-group__vertical .f-button:last-child{border-top-right-radius:0;border-top-left-radius:0}.f-button-group.f-button-group__vertical .f-button:not(:first-child):not(:last-child){border-radius:0}.f-link{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s;line-height:1;font-size:var(--f-link-font-size, 15px);color:var(--f-link-color, #2d5af1)}.f-link .f-svg-icon{font-size:var(--f-link-font-size, 15px)}.f-link:hover{opacity:.8}.f-link.f-link__default{color:var(--f-link-color, #333)}.f-link.f-link__primary{color:var(--f-link-color, #2d5af1)}.f-link.f-link__success{color:var(--f-link-color, #52b35e)}.f-link.f-link__danger{color:var(--f-link-color, #ff0200)}.f-link.f-link__warning{color:var(--f-link-color, #fcc202)}.f-link.f-link__line{text-decoration:underline}.f-link.f-link__bag:hover{background:#eee;border-radius:2px}.f-link.f-link__no-copy{user-select:none}.f-link.f-link__prohibit{opacity:.5;cursor:not-allowed}.f-link.f-link__prohibit.f-link__bag:hover{opacity:.5;background:none}.f-image{position:relative;display:inline-block;vertical-align:top;width:var(--f-image-width);height:var(--f-image-height);border-radius:var(--f-image-border-radius)}.f-image__img{width:100%;height:100%;vertical-align:middle;border-radius:var(--f-image-border-radius)}.f-image__select{user-select:none}.f-image__fill{object-fit:fill}.f-image__contain{object-fit:contain}.f-image__cover{object-fit:cover}.f-image__none{object-fit:none}.f-image__scale-down{object-fit:scale-down}.f-image__block{display:block}.f-image__error{display:inline-block}.f-image__error .f-image__error-text{display:inline-block;background:#eee;padding:0 3px;border-radius:3px;font-size:15px;color:#333}.f-card{border:#e5e5e5 solid 1px;transition:.3s;background:#fff}.f-card__header{padding:16px 20px;border-bottom:1px solid #eee}.f-card.f-card__shadow-never{box-shadow:none}.f-card.f-card__shadow-always,.f-card.f-card__shadow-hover:hover{box-shadow:0 0 8px #0003}.f-card.f-card__round{border-radius:10px}.f-tag{min-width:60px;padding:0 6px;font-size:14px;display:inline-flex;justify-content:center;align-items:center;height:30px;transition:.5;cursor:default}.f-tag.f-tag__default{background:#f0f0f0;color:#333;border:1px solid #333}.f-tag.f-tag__simple.f-tag__default{background:#f8f8f8;color:#333}.f-tag.f-tag__line.f-tag__default{color:#333;background:none}.f-tag.f-tag__primary{background:#2d5af1;color:#fff;border:1px solid #2d5af1}.f-tag.f-tag__simple.f-tag__primary{background:#dee5fd;color:#2d5af1}.f-tag.f-tag__line.f-tag__primary{color:#2d5af1;background:none}.f-tag.f-tag__success{background:#52b35e;color:#fff;border:1px solid #52b35e}.f-tag.f-tag__simple.f-tag__success{background:#e7f4e8;color:#52b35e}.f-tag.f-tag__line.f-tag__success{color:#52b35e;background:none}.f-tag.f-tag__danger{background:#ff0200;color:#fff;border:1px solid #ff0200}.f-tag.f-tag__simple.f-tag__danger{background:#ffd7d6;color:#ff0200}.f-tag.f-tag__line.f-tag__danger{color:#ff0200;background:none}.f-tag.f-tag__warning{background:#fcc202;color:#fff;border:1px solid #fcc202}.f-tag.f-tag__simple.f-tag__warning{background:#fff5d6;color:#fcc202}.f-tag.f-tag__line.f-tag__warning{color:#fcc202;background:none}.f-tag.f-tag__large{height:35px;font-size:15px}.f-tag.f-tag__middle{height:30px;font-size:14px}.f-tag.f-tag__small{height:25px;font-size:13px}.f-tag.f-tag__mini{height:20px;font-size:12px}.f-tag.f-tag__block{display:flex}.f-tag.f-tag__round{border-radius:30px}.f-tag .f-close-btn{margin-left:8px;text-align:right}.f-divider{position:relative;clear:both;width:100%;border:0;border-style:solid;border-bottom:1px solid #b0b0b0;white-space:pre;margin:30px 0}.f-divider.f-divider__vertical{border:0;border-left:1px solid #b0b0b0;display:inline-block;min-width:1px;max-width:1px;height:1em;vertical-align:middle;margin:0 12px}.f-divider.f-divider__dashed{border-style:dashed}.f-divider.f-divider__dotted{border-style:dotted}.f-divider.f-divider__double{border-style:double}.f-divider.f-divider__solid{border-style:solid}.f-divider__text{position:absolute;top:50%;box-sizing:border-box;padding:0 .5rem;font-weight:500;font-size:14px;line-height:2;background:#fff}.f-divider__text.f-divider__text-center{left:50%;transform:translate(-50%,-50%)}.f-divider__text.f-divider__text-right{right:5%;transform:translateY(-50%)}.f-divider__text.f-divider__text-left{left:5%;transform:translateY(-50%)}.f-header,.f-footer{box-sizing:border-box;flex-shrink:0;height:var(--f-footer-height, 60px);padding:var(--f-footer-padding, 0)}.f-main{display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;padding:var(--f-main-padding, 0)}.f-aside{box-sizing:border-box;flex-shrink:0;overflow:auto;width:var(--f-aside-width, 200px);padding:var(--f-aside-padding, 0)}.f-layout{display:flex;flex:1;flex-direction:row;box-sizing:border-box;flex-basis:auto}.f-layout.f-layout__vertical{flex-direction:column}.f-switch{user-select:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.f-switch__input{position:relative;display:inline-flex;border-radius:30px;z-index:5;transition:.2s;background:#2d5af1;width:40px;height:20px}.f-switch__input.f-switch__large{width:48px;height:24px}.f-switch__input.f-switch__large .f-switch__roll{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:#fff;border:2px solid #2d5af1;border-radius:50%;position:absolute;right:0;top:0;bottom:0;z-index:10;transition:.2s;box-sizing:content-box;box-shadow:0 2px 3px #00000021,0 0 4px #0000000d}.f-switch__input.f-switch__large .f-switch__roll .f-icon{font-size:13px}.f-switch__input.f-switch__middle{width:40px;height:20px}.f-switch__input.f-switch__middle .f-switch__roll{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;background:#fff;border:2px solid #2d5af1;border-radius:50%;position:absolute;right:0;top:0;bottom:0;z-index:10;transition:.2s;box-sizing:content-box;box-shadow:0 2px 3px #00000021,0 0 4px #0000000d}.f-switch__input.f-switch__middle .f-switch__roll .f-icon{font-size:13px}.f-switch__input.f-switch__small{width:32px;height:16px}.f-switch__input.f-switch__small .f-switch__roll{display:inline-flex;justify-content:center;align-items:center;width:12px;height:12px;background:#fff;border:2px solid #2d5af1;border-radius:50%;position:absolute;right:0;top:0;bottom:0;z-index:10;transition:.2s;box-sizing:content-box;box-shadow:0 2px 3px #00000021,0 0 4px #0000000d}.f-switch__input.f-switch__small .f-switch__roll .f-icon{font-size:13px}.f-switch__input.f-switch__close{background:#bbbbbb}.f-switch__input.f-switch__close .f-switch__roll{border:2px solid #bbbbbb}.f-switch__input.f-switch__square,.f-switch__input.f-switch__square .f-switch__roll{border-radius:0}.f-switch__left-text{font-size:13px;color:#333;margin-left:5px;transition:.2s}.f-switch__right-text{font-size:13px;color:#333;margin-right:5px;transition:.2s}.f-switch__text-active{color:#2d5af1}.f-switch.f-switch__disabled{opacity:.5;cursor:not-allowed}.f-badge{position:relative;display:inline-block;vertical-align:middle;transition:.4s;cursor:default}.f-badge .f-badge__content{position:absolute;border-radius:10px;font-size:12px;padding:0 6px;height:18px;display:inline-flex;justify-content:center;align-items:center;top:0;right:0;transform:translateY(-50%) translate(50%)}.f-badge .f-badge__content.f-badge__default{color:var(--f-badge-text-color, #fff);background:var(--f-badge-background, #f0f0f0)}.f-badge .f-badge__content.f-badge__primary{color:var(--f-badge-text-color, #fff);background:var(--f-badge-background, #2d5af1)}.f-badge .f-badge__content.f-badge__success{color:var(--f-badge-text-color, #fff);background:var(--f-badge-background, #52b35e)}.f-badge .f-badge__content.f-badge__danger{color:var(--f-badge-text-color, #fff);background:var(--f-badge-background, #ff0200)}.f-badge .f-badge__content.f-badge__warning{color:var(--f-badge-text-color, #fff);background:var(--f-badge-background, #fcc202)}.f-badge .f-badge__content.f-badge__dot{border-radius:50%;width:8px;height:8px;padding:0}.f-avatar{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;width:var(--f-avatar-size, 60px);height:var(--f-avatar-size, 60px);background:var(--f-avatar-background-color, none)}.f-avatar__img{width:var(--f-avatar-size, 60px);height:var(--f-avatar-size, 60px)}.f-avatar.f-avatar__large,.f-avatar__large{width:70px;height:70px}.f-avatar.f-avatar__middle,.f-avatar__middle{width:60px;height:60px}.f-avatar.f-avatar__small,.f-avatar__small{width:50px;height:50px}.f-avatar.f-avatar__mini,.f-avatar__mini{width:40px;height:40px}.f-avatar__fill{object-fit:fill}.f-avatar__contain{object-fit:contain}.f-avatar__cover{object-fit:cover}.f-avatar__none{object-fit:none}.f-avatar__scale-down{object-fit:scale-down}.f-avatar__round,.f-avatar.f-avatar__round{border-radius:50%}.f-avatar__text{color:var(--f-avatar-font-color, #333);font-size:var(--f-avatar-font-size, 15px)}.f-avatar__error{width:60px;height:60px;display:inline-flex;justify-content:center;align-items:center;background:#eee;vertical-align:middle}.f-avatar__error .f-avatar__error-text{color:var(--f-avatar-font-color, #333);font-size:var(--f-avatar-font-size, 13px)}.f-back-top{z-index:var(--f-back-top-z-index, 900);right:var(--f-back-top-right, 40px);bottom:var(--f-back-top-bottom, 40px);color:var(--f-back-top-color, #333);background:var(--f-back-top-background, #fff);position:fixed;min-width:40px;height:40px;padding:0 30px;box-sizing:border-box;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;transition:.6s;box-shadow:#ededed 1px 1px 7px,#ededed -1px -1px 7px}.f-back-top.f-back-top__round{padding:0;border-radius:50%}.f-back-top:hover{box-shadow:#ddd 1px 1px 10px,#ddd -1px -1px 10px}.f-breadcrumb{position:relative;display:inline-flex;align-items:center;font-size:15px;user-select:none}.f-breadcrumb-item{display:flex;align-items:center;cursor:pointer}.f-breadcrumb-item .f-svg-icon{margin:0 6px}.f-breadcrumb-item .f-breadcrumb-item__inner{color:#333}.f-breadcrumb-item:last-child .f-svg-icon{display:none}.f-loading{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:.7;color:#2d5af1}.f-loading__animation{animation:f-loading-component 1s linear infinite;-webkit-animation:f-loading-component 1s linear infinite}.f-loading__title{font-size:15px;margin-top:5px}@keyframes f-loading-component{0%{width:22px;transform:rotate(0)}to{width:22px;transform:rotate(360deg)}}.f-text{margin:0;transition:.3s;display:inline-block;word-break:break-all;box-sizing:border-box;cursor:default;color:var(--f-text-color, #f0f0f0);background:var(--f-text-background);text-decoration:var(--f-text-text-decoration);width:var(--f-text-width);font-size:var(--f-text-font-size, 15px);padding:var(--f-text-padding, 0);letter-spacing:var(--f-text-letter-spacing);line-height:var(--f-text-line-height);text-indent:var(--f-text-text-indent)}.f-text.f-text__default{color:var(--f-text-color, #333)}.f-text.f-text__primary{color:var(--f-text-color, #2d5af1)}.f-text.f-text__success{color:var(--f-text-color, #52b35e)}.f-text.f-text__danger{color:var(--f-text-color, #ff0200)}.f-text.f-text__warning{color:var(--f-text-color, #fcc202)}.f-text.f-text__bold{font-weight:700}.f-text.f-text__block{display:block}.f-text.f-text__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-text.f-text__center{text-align:center;display:block}.f-progress{display:flex;align-items:center;line-height:1}.f-progress__bar{flex-grow:1;box-sizing:border-box;background:#f1f1f1}.f-progress__fill{height:100%;transition:.3s;border-radius:100px;background:#2d5af1;text-align:right}.f-progress__fill .f-progress__percentage{color:#fff;font-size:12px;margin:0 8px;display:inline-block;vertical-align:middle}.f-progress__fill:after{content:"";display:inline-block;vertical-align:middle;height:100%}.f-progress__text{min-width:40px;line-height:1;margin-left:5px;font-size:14px}@keyframes f-progress-animation-panoramic{to{background-position:200% 0}}.f-progress .f-progress__fill-primary{background:#2d5af1}.f-progress .f-progress__fill-primary.f-progress__stripe{background:repeating-linear-gradient(-45deg,#2d5af1 25%,#2d5af1 0,#2d5af1 50%,#5277f3 0,#5277f3 75%,#5277f3 0);background-size:35px 35px;animation:f-progress-animation-panoramic 30s linear infinite}.f-progress .f-progress__fill-success{background:#52b35e}.f-progress .f-progress__fill-success.f-progress__stripe{background:repeating-linear-gradient(-45deg,#52b35e 25%,#52b35e 0,#52b35e 50%,#71c07a 0,#71c07a 75%,#71c07a 0);background-size:35px 35px;animation:f-progress-animation-panoramic 30s linear infinite}.f-progress .f-progress__fill-danger{background:#ff0200}.f-progress .f-progress__fill-danger.f-progress__stripe{background:repeating-linear-gradient(-45deg,#ff0200 25%,#ff0200 0,#ff0200 50%,#f9514f 0,#f9514f 75%,#f9514f 0);background-size:35px 35px;animation:f-progress-animation-panoramic 30s linear infinite}.f-progress .f-progress__fill-warning{background:#fcc202}.f-progress .f-progress__fill-warning.f-progress__stripe{background:repeating-linear-gradient(-45deg,#fcc202 25%,#fcc202 0,#fcc202 50%,#fccc2f 0,#fccc2f 75%,#fccc2f 0);background-size:35px 35px;animation:f-progress-animation-panoramic 30s linear infinite}.f-space{display:inline-flex}.f-space.f-space__vertical{flex-direction:column-reverse}.f-space.f-space__wrap{flex-wrap:wrap}.f-space.f-space__large{column-gap:14px;row-gap:14px}.f-space.f-space__middle{column-gap:10px;row-gap:10px}.f-space.f-space__small{column-gap:6px;row-gap:6px}.f-space.f-space__mini{column-gap:2px;row-gap:2px}.f-dialog{z-index:999;width:521px;background:#fff;border-radius:4px;border:1px solid #eee;display:inline-flex;flex-direction:column}.f-dialog__header{padding:12px 14px;border-bottom:1px solid #eee;text-align:center;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.f-dialog__header-title{font-size:15px;color:#333}.f-dialog__header .f-close-btn{position:absolute;right:15px}.f-dialog__body{padding:15px;box-sizing:border-box;flex:1}.f-dialog__footer{padding:10px 14px;border-top:1px solid #eee;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.f-dialog.f-dialog__fullscreen{width:100vw;height:100vh}.f-drawer{z-index:999;background:#fff;display:inline-flex;flex-direction:column;width:100%}.f-drawer__header{padding:12px 14px;border-bottom:1px solid #eee;text-align:center;position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.f-drawer__header-title{font-size:15px;color:#333}.f-drawer__header .f-close-btn{position:absolute;right:15px}.f-drawer__body{padding:15px;box-sizing:border-box;flex:1}.f-drawer__footer{padding:10px 14px;border-top:1px solid #eee;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.f-drawer.f-drawer__fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.f-tooltip{cursor:pointer;position:relative;display:inline-block}.f-tooltip:before,.f-tooltip:after{visibility:hidden;opacity:0;z-index:600;transform:translateZ(0);transition:all .3s ease .05s}.f-tooltip.f-tooltip__hover:hover:before,.f-tooltip.f-tooltip__hover:hover:after,.f-tooltip.f-tooltip__active:active:before,.f-tooltip.f-tooltip__active:active:after,.f-tooltip.f-tooltip__always:before,.f-tooltip.f-tooltip__always:after{visibility:visible;opacity:1}.f-tooltip:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.f-tooltip:after{content:attr(f-content);position:absolute;background:var(--f-tooltip-background, #333);font-size:12px;font-weight:400;color:var(--f-tooltip-font-color, #fff);line-height:14px;padding:6px 12px;white-space:nowrap;border-radius:2px}.f-tooltip.f-tooltip__top:before{border-top-color:var(--f-tooltip-background, #333)}.f-tooltip.f-tooltip__right:before{border-right-color:var(--f-tooltip-background, #333)}.f-tooltip.f-tooltip__bottom:before{border-bottom-color:var(--f-tooltip-background, #333)}.f-tooltip.f-tooltip__left:before{border-left-color:var(--f-tooltip-background, #333)}.f-tooltip.f-tooltip__top.f-tooltip__bright:before{border-top-color:#eee}.f-tooltip.f-tooltip__right.f-tooltip__bright:before{border-right-color:#eee}.f-tooltip.f-tooltip__bottom.f-tooltip__bright:before{border-bottom-color:#eee}.f-tooltip.f-tooltip__left.f-tooltip__bright:before{border-left-color:#eee}.f-tooltip.f-tooltip__top:before,.f-tooltip.f-tooltip__bottom:before{left:calc(50% - 6px)}.f-tooltip.f-tooltip__top:after,.f-tooltip.f-tooltip__bottom:after{left:50%;transform:translate(-50%)}.f-tooltip.f-tooltip__top:before{top:0px}.f-tooltip.f-tooltip__top:after{bottom:100%;margin-bottom:-1px}.f-tooltip.f-tooltip__bottom:before{bottom:0}.f-tooltip.f-tooltip__bottom:after{top:100%;margin-top:-1px}.f-tooltip.f-tooltip__top.f-tooltip__hover:hover:before,.f-tooltip.f-tooltip__top.f-tooltip__active:active:before,.f-tooltip.f-tooltip__top.f-tooltip__always:before{transform:translate(0) translateY(-10px)}.f-tooltip.f-tooltip__top.f-tooltip__hover:hover:after,.f-tooltip.f-tooltip__top.f-tooltip__active:active:after,.f-tooltip.f-tooltip__top.f-tooltip__always:after{transform:translate(-50%) translateY(-10px)}.f-tooltip.f-tooltip__bottom.f-tooltip__hover:hover:before,.f-tooltip.f-tooltip__bottom.f-tooltip__active:active:before,.f-tooltip.f-tooltip__bottom.f-tooltip__always:before{transform:translate(0) translateY(10px)}.f-tooltip.f-tooltip__bottom.f-tooltip__hover:hover:after,.f-tooltip.f-tooltip__bottom.f-tooltip__active:active:after,.f-tooltip.f-tooltip__bottom.f-tooltip__always:after{transform:translate(-50%) translateY(10px)}.f-tooltip.f-tooltip__right:before,.f-tooltip.f-tooltip__left:before{top:calc(50% - 6px)}.f-tooltip.f-tooltip__right:after,.f-tooltip.f-tooltip__left:after{top:50%;transform:translateY(-50%)}.f-tooltip.f-tooltip__right:before{right:0}.f-tooltip.f-tooltip__right:after{left:100%;margin-left:-1px}.f-tooltip.f-tooltip__left:before{left:0}.f-tooltip.f-tooltip__left:after{right:100%;margin-right:-1px}.f-tooltip.f-tooltip__left.f-tooltip__hover:hover:after,.f-tooltip.f-tooltip__left.f-tooltip__active:active:after,.f-tooltip.f-tooltip__left.f-tooltip__always:after{transform:translate(-10px) translateY(-50%)}.f-tooltip.f-tooltip__left.f-tooltip__hover:hover:before,.f-tooltip.f-tooltip__left.f-tooltip__active:active:before,.f-tooltip.f-tooltip__left.f-tooltip__always:before{transform:translate(-10px) translateY(0)}.f-tooltip.f-tooltip__right.f-tooltip__hover:hover:before,.f-tooltip.f-tooltip__right.f-tooltip__active:active:before,.f-tooltip.f-tooltip__right.f-tooltip__always:before{transform:translate(10px) translateY(0)}.f-tooltip.f-tooltip__right.f-tooltip__hover:hover:after,.f-tooltip.f-tooltip__right.f-tooltip__active:active:after,.f-tooltip.f-tooltip__right.f-tooltip__always:after{transform:translate(10px) translateY(-50%)}.f-tooltip.f-tooltip__disabled:hover:before,.f-tooltip.f-tooltip__disabled:hover:after{visibility:hidden;opacity:0}.f-tooltip.f-tooltip__bold:after{font-weight:700}.f-tooltip.f-tooltip__no-arrow:before{display:none;visibility:hidden;opacity:0}.f-tooltip.f-tooltip__bright:after{background:#fff;color:#333;border:.5px solid #333}.f-page-header{display:flex;align-items:center;box-sizing:border-box;height:30px;background:#fff}.f-page-header__left{height:100%;padding:0 15px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;user-select:none;border-right:1px solid #d9d9d9;color:#333}.f-page-header__left .f-page-header__text{font-size:14px;margin-left:3px}.f-page-header__main{display:flex;align-items:center;height:100%;padding:0 15px}.f-page-header__main.f-page-header__main-center{justify-content:center}.f-page-header__main .f-page-header__main-title{font-size:17px;color:#333}.f-page-header__main .f-page-header__main-title.f-page-header__main-title-bold{font-weight:700}.f-page-header__main__main-subtitle{margin-left:10px;font-size:16px;color:#adadad}.f-alert{padding:10px 22px;position:relative;box-sizing:border-box;border-radius:2px;display:flex;justify-content:space-between;align-items:center}.f-alert.f-alert__default{background:var(--f-alert-background, #f0f0f0);color:var(--f-alert-color, #333)}.f-alert.f-alert__simple.f-alert__default{background:#f8f8f8;color:var(--f-alert-color, #333)}.f-alert.f-alert__primary{background:var(--f-alert-background, #2d5af1);color:var(--f-alert-color, #fff)}.f-alert.f-alert__simple.f-alert__primary{background:#dee5fd;color:var(--f-alert-color, #2d5af1)}.f-alert.f-alert__success{background:var(--f-alert-background, #52b35e);color:var(--f-alert-color, #fff)}.f-alert.f-alert__simple.f-alert__success{background:#e7f4e8;color:var(--f-alert-color, #52b35e)}.f-alert.f-alert__danger{background:var(--f-alert-background, #ff0200);color:var(--f-alert-color, #fff)}.f-alert.f-alert__simple.f-alert__danger{background:#ffd7d6;color:var(--f-alert-color, #ff0200)}.f-alert.f-alert__warning{background:var(--f-alert-background, #fcc202);color:var(--f-alert-color, #fff)}.f-alert.f-alert__simple.f-alert__warning{background:#fff5d6;color:var(--f-alert-color, #fcc202)}.f-alert__content{display:flex;justify-content:flex-start;flex-direction:column;flex:1}.f-alert__content .f-alert__title{font-size:var(--f-alert-title-size, 17px);color:var(--f-alert-title-color);font-weight:700}.f-alert__content .f-alert__sub-title{display:block;font-size:var(--f-alert-font-size, 15px)}.f-alert__content.f-alert__content-hidden{overflow:hidden;white-space:nowrap}.f-alert.f-alert__bold{font-weight:700}.f-alert.f-alert__center{text-align:center}.f-alert.f-alert__round{border-radius:20px}.f-alert.f-alert__fixed{width:100%;position:fixed}.f-list{margin:0;padding:0;list-style:none;border:1px solid #e3e3e3;overflow-y:auto}.f-list__header{border-bottom:1px solid #e3e3e3;padding:20px;box-sizing:border-box}.f-list__footer{padding:20px;box-sizing:border-box}.f-list.f-list__zebra .f-list__item:nth-of-type(2n){background:#ecf0fe}.f-list.f-list__center .f-list__item{justify-content:center}.f-list.f-list__large .f-list__item{min-height:40px;font-size:16px}.f-list.f-list__middle .f-list__item{min-height:35px;font-size:14px}.f-list.f-list__small .f-list__item{min-height:30px;font-size:12px}.f-list-item{border-bottom:1px solid #e3e3e3;color:#333;background:#fff;font-size:14px;flex-wrap:nowrap;padding:7px 20px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap}.f-list-item:last-child{border-bottom:none}.f-toolbar{display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:#f0f0f0;flex-wrap:wrap;cursor:default}.f-toolbar.f-toolbar__large{min-height:40px;padding:0 25px;font-size:15px}.f-toolbar.f-toolbar__middle{min-height:35px;padding:0 20px;font-size:14px}.f-toolbar.f-toolbar__small{min-height:30px;padding:0 15px;font-size:13px}.f-toolbar.f-toolbar__mini{min-height:25px;padding:0 10px;font-size:12px}.f-toolbar.f-toolbar__round{border-radius:20px}.f-toolbar.f-toolbar__fixed{position:fixed;z-index:999}.f-toolbar-item{margin:0 5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;padding:10px 15px}.f-message{z-index:4000;position:fixed;padding:10px 20px;font-size:14px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:#ededed 1px 1px 7px,#ededed -1px -1px 7px;max-width:500px;transition:all .4s ease-out}.f-message.f-message__default{background:#fff;color:#333}.f-message.f-message__primary{background:#fff;color:#2d5af1}.f-message.f-message__success{background:#fff;color:#52b35e}.f-message.f-message__danger{background:#fff;color:#ff0200}.f-message.f-message__warning{background:#fff;color:#fcc202}.f-message.f-message__round{border-radius:20px}.f-message.f-message__top{left:50%;transform:translate(-50%)}.f-message.f-message__top-left{left:20px}.f-message.f-message__top-right{right:20px}.f-message.f-message__bottom{left:50%;bottom:0;transform:translate(-50%)}.f-message.f-message__bottom-left{left:20px;bottom:0}.f-message.f-message__bottom-right{right:20px;bottom:0}.f-message__close{margin-left:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.f-message__icon{margin-right:10px}.f-message-fade-top-enter-active,.f-message-fade-bottom-enter-active{transition:all .15s ease-out}.f-message-fade-top-leave-active,.f-message-fade-bottom-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.f-message-fade-top-enter-from,.f-message-fade-top-leave-to{opacity:0;transform:translateY(-100%)}.f-message__top.f-message-fade-top-enter-from,.f-message__top.f-message-fade-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.f-message-fade-bottom-enter-from,.f-message-fade-bottom-leave-to{opacity:0;transform:translateY(100%)}.f-message__bottom.f-message-fade-bottom-enter-from,.f-message__bottom.f-message-fade-bottom-leave-to{opacity:0;transform:translate(-50%,100%)}.f-watermark{display:inline-block}.f-watermark.f-watermark__block{display:block}.f-empty{display:flex;padding:20px;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.f-empty__pic-wrap{width:100%;display:flex;justify-content:center;align-items:center}.f-empty__pic-wrap img{width:100%}.f-empty__pic-wrap svg{width:100%}.f-empty__desc{margin:10px 0;color:#7f7f7f;font-weight:500}.f-empty__footer{margin:10px 0}.f-skeleton{background-color:#f4f4f4;height:20px;margin-bottom:12px}.f-skeleton__rounded.f-skeleton__default{border-radius:20px}.f-skeleton__rounded.f-skeleton__small{border-radius:15px}.f-skeleton__rounded.f-skeleton__large{border-radius:25px}.f-skeleton__animated{background:linear-gradient(90deg,#f4f4f4 25%,#ebebeb 37%,#f4f4f4 63%);background-size:400% 100%;animation:f-skeleton-animated 1.2s ease infinite}.f-skeleton__circled,.f-skeleton__circled.f-skeleton__default{width:20px}.f-skeleton__circled.f-skeleton__small{width:15px}.f-skeleton__circled.f-skeleton__large{width:25px}.f-skeleton__circled.f-skeleton__default{border-radius:20px}.f-skeleton__circled.f-skeleton__small{border-radius:15px}.f-skeleton__circled.f-skeleton__large{border-radius:25px}.f-skeleton__small{height:15px}.f-skeleton__large{height:25px}@keyframes f-skeleton-animated{0%{background-position:100% 50%}to{background-position:0 50%}}.f-notification{position:fixed;transition:opacity .3s,top .4s;padding:13px 15px;font-size:14px;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:#ededed 1px 1px 7px,#ededed -1px -1px 7px;max-width:500px;transition:all .4s ease-out;background:#fff}.f-notification.f-notification__default .f-notification__icon{color:#333}.f-notification.f-notification__primary .f-notification__icon{color:#2d5af1}.f-notification.f-notification__success .f-notification__icon{color:#52b35e}.f-notification.f-notification__danger .f-notification__icon{color:#ff0200}.f-notification.f-notification__warning .f-notification__icon{color:#fcc202}.f-notification.f-notification__round{border-radius:20px}.f-notification.f-notification__top{left:50%;transform:translate(-50%)}.f-notification.f-notification__top-left{left:20px}.f-notification.f-notification__top-right{right:20px}.f-notification.f-notification__bottom{left:50%;bottom:0;transform:translate(-50%)}.f-notification.f-notification__bottom-left{left:20px;bottom:0}.f-notification.f-notification__bottom-right{right:20px;bottom:0}.f-notification__close{cursor:pointer;text-align:center;padding:0 12px;flex-shrink:0}.f-notification__icon{margin-right:8px}.f-notification__title-text{margin:0 0 2px;font-size:16px}.f-notification-fade-right-enter-active,.f-notification-fade-left-enter-active{transition:all .15s ease-out}.f-notification-fade-right-leave-active,.f-notification-fade-left-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.f-notification-fade-right-enter-from,.f-notification-fade-right-leave-to{opacity:0;transform:translate(100%)}.f-notification__right.f-notification-fade-right-enter-from,.f-notification__right.f-notification-fade-right-leave-to{opacity:0;transform:translate(-50%,-100%)}.f-notification-fade-left-enter-from,.f-notification-fade-left-leave-to{opacity:0;transform:translate(-100%)}.f-notification__left.f-notification-fade-left-enter-from,.f-notification__left.f-notification-fade-left-leave-to{opacity:0;transform:translate(-50%,100%)}.f-loading-bar{position:fixed;z-index:100;height:3px;top:0;left:0;width:0%;background:#2d5af1;animation:loading 3s linear both}.f-loading-bar.f-loading-bar__finish{width:100%;background:#52b35e;animation:loadingFinish ease-in-out 1.4s both}.f-loading-bar.f-loading-bar__error{width:100%;background:#ff0200;animation:loadingFinish ease-in-out 1.4s both}@keyframes loadingFinish{to{width:100%;opacity:0}}@keyframes loading{0%{width:0%}to{width:75%}}.f-ripple{cursor:pointer;overflow:hidden;position:relative}.f-ripple.f-ripple__select{user-select:none}.f-ripple .f-ripple__animation{width:0px;height:100%;position:absolute;transform:translate(-50%,-100%);pointer-events:none;border-radius:10%;animation:f-ripples-animation .4s linear;opacity:var(--f-ripple-start-opacity, .5);background:#fff}@keyframes f-ripples-animation{0%{width:0px;opacity:var(--f-ripple-start-opacity, .5)}to{width:1500px;opacity:var(--f-ripple-end-opacity, 0);border-radius:0}}.f-radio{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;outline:none;user-select:none;color:#333;transition:.4s}.f-radio.f-radio__checked .f-radio__text{color:#2d5af1}.f-radio.f-radio__checked .f-radio__circle{border:1px solid #2d5af1}.f-radio.f-radio__checked .f-radio__circle:after{transform:translate(-50%,-50%) scale(2);background:#2d5af1}.f-radio__circle{width:14px;height:14px;border-radius:50%;position:relative;background-color:#fff;border:1px solid #dee5fd;margin-right:7px}.f-radio__circle:after{content:"";position:absolute;width:4px;height:4px;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:#fff;transition:transform .15s ease-in}.f-radio.f-radio__disabled{cursor:not-allowed}.f-radio.f-radio__disabled .f-radio__text{color:#d7d7d7}.f-radio.f-radio__disabled .f-radio__circle{border-color:#d7d7d7}.f-radio.f-radio__disabled .f-radio__circle:after{background:#d7d7d7}.f-radio.f-radio__margin:not(:last-child){margin-right:22px}.f-radio-group{display:inline-flex;justify-content:center;align-items:center;transition:.3s;column-gap:22px}.f-radio-group.f-radio-group__vertical{flex-direction:column;row-gap:10px}.f-radio-group.f-radio-group__large .f-radio{padding:0 30px;font-size:17px;height:40px}.f-radio-group.f-radio-group__large .f-radio .f-radio__text{font-size:16px}.f-radio-group.f-radio-group__middle .f-radio{padding:0 25px;font-size:16px;height:35px}.f-radio-group.f-radio-group__middle .f-radio .f-radio__text{font-size:15px}.f-radio-group.f-radio-group__small .f-radio{padding:0 20px;font-size:15px;height:30px}.f-radio-group.f-radio-group__small .f-radio .f-radio__text{font-size:14px}.f-radio-group.f-radio-group__mini .f-radio{padding:0 15px;font-size:14px;height:25px}.f-radio-group.f-radio-group__mini .f-radio .f-radio__text{font-size:13px}.f-radio-group.f-radio-group__border{column-gap:0;row-gap:0}.f-radio-group.f-radio-group__border .f-radio{border:1px solid #dee5fd}.f-radio-group.f-radio-group__border .f-radio.f-radio__checked{background:#2d5af1}.f-radio-group.f-radio-group__border .f-radio.f-radio__checked .f-radio__text{color:#fff}.f-radio-group.f-radio-group__border .f-radio.f-radio__checked.f-radio__disabled{background:#f0f0f0}.f-radio-group.f-radio-group__border .f-radio.f-radio__checked.f-radio__disabled .f-radio__text{color:#d7d7d7}.f-radio-group.f-radio-group__border .f-radio.f-radio__disabled{border-color:#d7d7d7}.f-image-preview .f-button__before-icon{margin-right:0}.f-image-preview__next,.f-image-preview__prev,.f-image-preview__close{position:fixed;margin:auto;z-index:200}.f-image-preview__prev{left:30px;top:0;bottom:0}.f-image-preview__next{right:30px;top:0;bottom:0}.f-image-preview__close{right:30px;top:30px}.f-image-preview__option{width:370px;position:fixed;right:0;left:0;bottom:25px;margin:auto;z-index:200}.f-image-preview__exhibition{z-index:100;user-select:none;position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;max-height:100%;max-width:100%;transition:.2s}.f-expand-card{display:flex;height:300px}.f-expand-card__item{flex:.5;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;cursor:pointer;margin:10px;position:relative;transition:flex .5s ease-in;overflow:hidden}.f-expand-card__item.f-expand-card__round{border-radius:20px}.f-expand-card__item .f-expand-card__title{font-size:16px;color:#fff;position:absolute;bottom:20px;left:20px;transition:opacity .2s;opacity:0}.f-expand-card__item.f-expand-card__active{flex-grow:3;background-size:cover;background-position:center;background-repeat:no-repeat}.f-expand-card__item.f-expand-card__active .f-expand-card__title{opacity:1}.f-calendar{flex-direction:column;justify-content:center;align-items:center;cursor:default}.f-calendar__header{width:100%;background:#eee;display:flex;justify-content:space-between;align-items:center;padding:7px 10px;box-sizing:border-box}.f-calendar__header .f-calendar__time{display:flex;justify-content:center;align-items:center}.f-calendar__header .f-calendar__time .f-calendar__time-now{font-weight:700;color:#333}.f-calendar__header .f-calendar__option{display:flex;justify-content:space-between;align-items:center;min-width:250px}.f-calendar__header .f-calendar__option .f-calendar__last,.f-calendar__header .f-calendar__option .f-calendar__now,.f-calendar__header .f-calendar__option .f-calendar__next{margin:0 5px}.f-calendar__week{padding:0;margin:0;width:100%;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.f-calendar__week .f-calendar__week-li{height:var(--f-calendar-week-height, 50px);box-sizing:border-box;padding:10px;display:flex;justify-content:center;align-items:center}.f-calendar__day{padding:0;margin:0;list-style:none;cursor:pointer;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.f-calendar__day .f-calendar__day-li{height:var(--f-calendar-day-height, 90px);box-sizing:border-box;padding:10px;display:flex;align-items:center;flex-direction:column;transition:.3s;overflow:auto;position:relative;border-top:3px solid transparent}.f-calendar__day .f-calendar__day-li:hover{background:rgb(247,247,247)}.f-calendar__day .f-calendar__day-li.f-calendar__day-li-last{color:#c6c6c6}.f-calendar__day .f-calendar__day-li .f-calendar__solar{font-size:15px}.f-calendar__day .f-calendar__day-li .f-calendar__lunar{font-size:14px}.f-calendar__day .f-calendar__day-li.f-calendar__day-today{color:#2d5af1;background:#dee5fd;border-top:3px solid #2d5af1;transition:.3s}.f-calendar__day .f-calendar__day-li.f-calendar__not-month{color:#cecece}.f-calendar__day .f-calendar__day-li .f-calendar__memorandum{position:absolute;height:26px;bottom:0px;right:0;left:0;overflow:auto;background:#fff;cursor:pointer;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;overflow-y:auto;transition:height .5s;padding:10px;box-sizing:border-box;box-shadow:0 -6px 12px #5b78d817}.f-calendar__day .f-calendar__day-li .f-calendar__memorandum::-webkit-scrollbar{display:none}.f-calendar__day .f-calendar__day-li .f-calendar__memorandum:hover{height:100%}.f-calendar__day .f-calendar__day-li .f-calendar__memorandum .f-calendar__memorandum-item{margin-bottom:8px;cursor:pointer}.f-calendar.f-calendar__border{border-top:1px solid var(--f-calendar-border-color, #eee);border-left:1px solid var(--f-calendar-border-color, #eee)}.f-calendar.f-calendar__border .f-calendar__header{border-right:1px solid var(--f-calendar-border-color, #eee)}.f-calendar.f-calendar__border .f-calendar__week{border-bottom:1px solid var(--f-calendar-border-color, #eee);border-top:1px solid var(--f-calendar-border-color, #eee)}.f-calendar.f-calendar__border .f-calendar__week .f-calendar__week-li{border-right:1px solid var(--f-calendar-border-color, #eee)}.f-calendar.f-calendar__border .f-calendar__day .f-calendar__day-li{border-right:1px solid var(--f-calendar-border-color, #eee);border-bottom:1px solid var(--f-calendar-border-color, #eee)}.f-tree__data{height:30px;cursor:pointer;display:flex;align-items:center;padding:5px 15px;box-sizing:border-box}.f-tree__data:hover{background:#eee}.f-tree__data .f-tree__label{color:#333}.f-sticky-card{border:1px solid var(--sticky-card-border-color, #e5e5e5);border-radius:3px;transition:.3s;cursor:pointer}.f-sticky-card:hover{box-shadow:0 0 8px #e8edfa99,0 2px 4px #e8edfa80}.f-sticky-card__source{padding:20px;box-sizing:border-box}.f-sticky-card__box{box-sizing:border-box;height:fit-content;transition:max-height .4s;max-height:0;overflow:hidden;background:var(--sticky-card-content-background, #fff)}.f-sticky-card__box.f-sticky-card__box-open{border-top:1px solid var(--sticky-card-border-color, #e5e5e5);overflow-y:auto;max-height:var(--sticky-card-max-height, 800px)}.f-sticky-card__box .f-sticky-card__content{padding:20px;box-sizing:border-box}.f-sticky-card__box::-webkit-scrollbar{width:7px}.f-sticky-card__box::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}.f-sticky-card__option{border-top:1px solid var(--sticky-card-border-color, #e5e5e5);height:45px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;font-size:15px;background:#fff;padding:10px;box-sizing:border-box;z-index:9999}.f-sticky-card__option.f-sticky-card__option-open{position:sticky;bottom:0px}.f-sticky-card__option__option-text{color:#333;transition:.4s}.f-sticky-card__option:hover .f-sticky-card__option-text{color:#2d5af1}.f-checkbox{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;outline:none;user-select:none;color:#333;transition:.4s;cursor:pointer}.f-checkbox__box{width:14px;height:14px;border-radius:2px;border:1px solid #dee5fd;display:flex;justify-content:center;align-items:center;position:relative;margin-right:7px}.f-checkbox__text{color:#333;transition:color .3s}.f-checkbox.f-checkbox__bordered{border:1px solid #dee5fd;padding:5px 10px}.f-checkbox.f-checkbox__bordered.f-checkbox__large{padding:8px 14px}.f-checkbox.f-checkbox__bordered.f-checkbox__small{padding:4px 6px}.f-checkbox.f-checkbox__selected{background:#dee5fd}.f-checkbox.f-checkbox__selected .f-checkbox__text{color:#2d5af1}.f-checkbox.f-checkbox__selected.f-checkbox__bordered{border-color:#2d5af1}.f-checkbox.f-checkbox__selected .f-checkbox__box{border:1px solid #2d5af1;background:#2d5af1}.f-checkbox.f-checkbox__selected .f-checkbox__box:after{content:"";width:4px;height:9px;position:absolute;top:0;transform:rotate(45deg) scaleY(1);border:1px solid #fff;border-left:0;border-top:0;animation:f-checkbox-animation .1s ease-in}@keyframes f-checkbox-animation{0%{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}.f-checkbox.f-checkbox__selected.f-checkbox__disabled{background:#f0f0f0;border-color:#909090}.f-checkbox.f-checkbox__disabled{cursor:not-allowed}.f-checkbox.f-checkbox__disabled .f-checkbox__text{color:#d7d7d7}.f-checkbox.f-checkbox__disabled .f-checkbox__box{border-color:#d7d7d7;background:#f4f4f4}.f-checkbox.f-checkbox__disabled .f-checkbox__box:after{border-color:#d7d7d7}.f-checkbox-group{display:inline-flex;justify-content:center;align-items:center;transition:.3s;column-gap:22px}.f-checkbox-group.f-checkbox-group__vertical{flex-direction:column;row-gap:10px}.f-checkbox-group.f-checkbox-group__border{column-gap:0;row-gap:0}.f-checkbox-group.f-checkbox-group__large .f-checkbox{padding:0 30px;font-size:17px;height:40px}.f-checkbox-group.f-checkbox-group__large .f-checkbox .f-checkbox__text{font-size:16px}.f-checkbox-group.f-checkbox-group__middle .f-checkbox{padding:0 25px;font-size:16px;height:35px}.f-checkbox-group.f-checkbox-group__middle .f-checkbox .f-checkbox__text{font-size:15px}.f-checkbox-group.f-checkbox-group__small .f-checkbox{padding:0 20px;font-size:15px;height:30px}.f-checkbox-group.f-checkbox-group__small .f-checkbox .f-checkbox__text{font-size:14px}.f-checkbox-group.f-checkbox-group__mini .f-checkbox{padding:0 15px;font-size:14px;height:25px}.f-checkbox-group.f-checkbox-group__mini .f-checkbox .f-checkbox__text{font-size:13px}.f-rate{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.f-rate__list{display:inline-flex}.f-rate__list .f-rate__star{cursor:pointer;transition:.4s;position:relative}.f-rate__list .f-rate__star:hover{transform:scale(1.25)}.f-rate__list .f-rate__star.f-rate-star-readonly:hover{transform:scale(1)}.f-rate .f-text{margin-left:8px}.f-popup{position:fixed;top:0;right:0;left:0;bottom:0;z-index:2000}.f-popup__mask{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:rgb(35,39,46)}.f-popup__mask.f-popup__blur{backdrop-filter:blur(2px)}.f-popup__container{position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s}.f-popup__container .f-popup__wrapper{position:absolute;background:#fff;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.f-popup__container-center{display:flex;justify-content:center;align-items:center}.f-popup__container-center .f-popup__wrapper{border-radius:6px;max-height:90%;box-shadow:0 0 18px #0006}.f-popup__container-left .f-popup__wrapper{top:0;bottom:0;left:0}.f-popup__container-right .f-popup__wrapper{top:0;bottom:0;right:0}.f-popup__container-top .f-popup__wrapper{top:0;left:0;right:0}.f-popup__container-bottom .f-popup__wrapper{left:0;bottom:0;right:0}.f-popup ::-webkit-scrollbar{width:7px}.f-popup ::-webkit-scrollbar-thumb{background:#dddddd;border-radius:6px}.f-popup-center-enter-active{transition:all .2s ease-out}.f-popup-center-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.f-popup-center-enter-from,.f-popup-cente