@ahzoo/sus 1.7.3 → 2.0.1

package/main.ts

@@ -1,5 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-
-
-createApp(App).mount('#app')

package/style.css

@@ -1 +0,0 @@
-@charset "UTF-8";html{--sus-font-color: 51, 51, 51;--sus-primary-color: 94, 114, 228;--sus-primary-hover-color: 61, 85, 223;--sus-danger-hover-color: 245, 108, 108;--sus-primary-fontcolor: 255, 255, 255;--sus-basic-input-bg: 231, 235, 240;--sus-common-bg: 255, 255, 255;--sus-gray-bg: 230, 230, 233;--sus-item-bg: 188, 190, 190;--sus-linear-gradient-bg: 188, 190, 190;--sus-item-hover-bg: 231, 235, 240;--sus-avatar-size: 43px;--sus-item-margin: 45px;--sus-item-hover-opacity: .5;--sus-item-opacity: .12;--sus-item-primary-opacity: .8}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.ouo-btn--flat[data-v-538a40cc]{color:rgb(var(--ouo-basic-font-color));background-color:rgba(var(--ouo-common-bg))}.ouo-btn--flat[data-v-538a40cc]:hover{background-color:rgba(var(--ouo-btn-bg),.25)}.ouo-btn--flat[data-v-538a40cc]:active,.ouo-btn--flat[data-v-538a40cc]:focus{color:rgb(var(--ouo-primary-font-color));background-color:rgba(var(--ouo-btn-bg),1)}.ouo-btn--transparent[data-v-538a40cc]{color:rgb(var(--ouo-btn-bg));background-color:transparent;box-shadow:0 0 0 1px rgba(var(--ouo-btn-bg),.4);overflow:hidden;transition:all .6s cubic-bezier(.2,1,.3,1)}.ouo-btn--transparent[data-v-538a40cc]:after{content:"";z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10%;min-width:10px;aspect-ratio:1/1;background-color:rgb(var(--ouo-btn-bg));border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.2,1,.3,1)}.ouo-btn--transparent[data-v-538a40cc]:active{scale:.95}.ouo-btn--transparent[data-v-538a40cc]:hover{box-shadow:0 0 0 3px rgba(var(--ouo-btn-bg),.5);color:rgb(var(--ouo-primary-font-color))}.ouo-btn--transparent[data-v-538a40cc]:hover:after{width:150%;height:150%;opacity:1}.ouo-btn--transparent[data-v-538a40cc]:focus{color:rgb(var(--ouo-primary-font-color))}.ouo-btn--transparent[data-v-538a40cc]:focus:after{width:150%;height:150%;opacity:1}.ouo-btn--card[data-v-538a40cc]{color:rgb(var(--ouo-basic-font-color));background-color:transparent}.ouo-btn--card-2[data-v-538a40cc]{color:rgb(var(--ouo-basic-font-color));background-color:rgba(var(--ouo-basic-color),1)}.ouo-btn--card[data-v-538a40cc]:hover,.ouo-btn--card[data-v-538a40cc]:focus,.ouo-btn--card-2[data-v-538a40cc]:hover,.ouo-btn--card-2[data-v-538a40cc]:focus{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(var(--ouo-transform-translateY));box-shadow:0 8px 25px rgba(var(--ouo-shadow-color),.05)}.ouo-btn--card[data-v-538a40cc]:active,.ouo-btn--card-2[data-v-538a40cc]:active{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--ouo-shadow-color),.05)}.ouo-btn--card-3[data-v-538a40cc]{color:rgb(var(--ouo-basic-font-color));background-color:rgba(var(--ouo-basic-color),1);border-radius:12px;box-shadow:0 5px 20px rgba(var(--ouo-shadow-color),.05)}.ouo-btn--card-3[data-v-538a40cc]:hover,.ouo-btn--card-3[data-v-538a40cc]:focus{transform:translate(-2px,2px);box-shadow:0 0 1px rgba(var(--ouo-shadow-color),.05)}.ouo-btn--card-3[data-v-538a40cc]:active{transform:scale(.9)}.ouo-btn[data-v-538a40cc]{padding:8px 12px;border:none;position:relative;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .25s ease}.ouo-btn span[data-v-538a40cc]{display:inline-flex;align-items:center;caret-color:transparent}.ouo-btn.ouo-color--default[data-v-538a40cc]{--ouo-btn-bg: var(--ouo-primary-color)}.ouo-btn.ouo-color--gray[data-v-538a40cc]{color:inherit;--ouo-btn-bg: var(--ouo-gray-color)}.ouo-btn.ouo-color--primary[data-v-538a40cc]{--ouo-btn-bg: var(--ouo-primary-color)}.ouo-btn.ouo-color--danger[data-v-538a40cc]{--ouo-btn-bg: var(--ouo-danger-color)}.ouo-btn.ouo-color--warning[data-v-538a40cc]{--ouo-btn-bg: var(--ouo-warning-color)}.ouo-btn[disabled][data-v-538a40cc]{opacity:.8;cursor:not-allowed}.ouo-btn--size-auto[data-v-538a40cc]{width:inherit;height:inherit;padding:0}.ouo-btn--small[data-v-538a40cc]{min-width:55px;height:35px}.ouo-btn--middle[data-v-538a40cc]{min-width:70px;height:39px}.ouo-btn--large[data-v-538a40cc]{min-width:90px;height:45px}.ouo-btn--default[data-v-538a40cc]{background-color:rgba(var(--ouo-btn-bg),1)}.ouo-btn--default.ouo-color--default[data-v-538a40cc]{background-color:rgba(var(--ouo-default-color),1);color:rgb(var(--ouo-basic-font-color))}.ouo-btn--default.ouo-color--gray[data-v-538a40cc]{background-color:rgba(var(--ouo-common-bg),1);color:rgb(var(--ouo-basic-font-color))}.ouo-btn--default.ouo-color--primary[data-v-538a40cc],.ouo-btn--default.ouo-color--danger[data-v-538a40cc],.ouo-btn--default.ouo-color--warning[data-v-538a40cc]{color:rgb(var(--ouo-primary-font-color))}.ouo-btn--default[data-v-538a40cc]:hover,.ouo-btn--default[data-v-538a40cc]:active,.ouo-btn--default[data-v-538a40cc]:focus{color:rgb(var(--ouo-primary-font-color));background-color:rgba(var(--ouo-btn-bg),1);box-shadow:0 10px 20px -10px rgba(var(--ouo-btn-bg),1);transform:translateY(var(--ouo-transform-translateY))}.ouo-btn--round[data-v-538a40cc]{border-radius:var(--ouo-btn-border-radius)}.ouo-btn--circle[data-v-538a40cc]{border-radius:50%}.ouo-btn--rectangle[data-v-538a40cc]{border-radius:0}.ouo-btn--equilateral[data-v-538a40cc]{padding:8px}.ouo-input__content[data-v-e2d19d94]{width:inherit;height:inherit;position:static;display:flex;align-items:center;transition:all 1s linear}.ouo-input__box[data-v-e2d19d94]{width:inherit;height:inherit;position:relative;display:flex;flex-direction:column}.ouo-input__message[data-v-e2d19d94]{font-size:85%;margin:0 12px;overflow:hidden}.ouo-input__message.primary[data-v-e2d19d94]{color:rgb(var(--ouo-primary-color))}.ouo-input__message.error[data-v-e2d19d94]{color:rgb(var(--ouo-error-color))}.ouo-input__message.warning[data-v-e2d19d94]{color:rgb(var(--ouo-warning-color))}.ouo-input__message.success[data-v-e2d19d94]{color:rgb(var(--ouo-success-color))}.ouo-input[data-v-e2d19d94]{width:100%;height:100%;padding:7px 12px;position:relative;border:none;border-radius:var(--ouo-input-border-radius);background:rgba(var(--ouo-common-bg),1)}.ouo-input:not(:-moz-placeholder-shown)~.ouo-input__label[data-v-e2d19d94]{font-size:80%;opacity:1;pointer-events:auto;transform:translate(-3%,calc(-100% - 7px));-moz-transition:all .2s ease;transition:all .2s ease}.ouo-input:focus~.ouo-input__label[data-v-e2d19d94],.ouo-input:not(:placeholder-shown)~.ouo-input__label[data-v-e2d19d94]{font-size:80%;opacity:1;pointer-events:auto;transform:translate(-3%,calc(-100% - 7px));transition:all .2s ease}.ouo-input--border.primary[data-v-e2d19d94]:focus{border-bottom:2px solid rgb(var(--ouo-primary-color))}.ouo-input--border.error[data-v-e2d19d94]:focus{border-bottom:2px solid rgb(var(--ouo-error-color))}.ouo-input--border.warning[data-v-e2d19d94]:focus{border-bottom:2px solid rgb(var(--ouo-warning-color))}.ouo-input--border.success[data-v-e2d19d94]:focus{border-bottom:2px solid rgb(var(--ouo-success-color))}.ouo-input__container[data-v-e2d19d94]{width:inherit;height:inherit}.ouo-input.ouo-input--licon[data-v-e2d19d94]{padding:7px 12px 7px 27px}.ouo-input.ouo-input--ricon[data-v-e2d19d94]{padding:7px 27px 7px 12px}.ouo-input:focus~.ouo-input--licon[data-v-e2d19d94]{background-color:rgba(var(--ouo-basic-color),1);transform:translate(-10px,-6px);box-shadow:15px 10px 10px -10px rgba(var(--ouo-shadow-color),.1);transition:all .2s ease}.ouo-input:focus~.ouo-input--ricon[data-v-e2d19d94]{background-color:rgba(var(--ouo-basic-color),1);transform:translate(10px,-6px);box-shadow:-15px 10px 10px -10px rgba(var(--ouo-shadow-color),.1);transition:all .2s ease}.ouo-input__label[data-v-e2d19d94]{position:absolute;opacity:.4;margin-left:18px;width:inherit;height:inherit;font-size:90%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:all .25s ease}.ouo-input__icon[data-v-e2d19d94]{width:auto;height:inherit;padding:7px;background-color:inherit;border-radius:var(--ouo-input-border-radius);display:flex;align-items:center;justify-content:center}.ouo-input__icon.ouo-input--licon[data-v-e2d19d94]{position:absolute;margin-left:7px;box-shadow:12px 0 10px -10px rgba(var(--ouo-shadow-color),.1)}.ouo-input__icon.ouo-input--ricon[data-v-e2d19d94]{position:relative;right:37px;box-shadow:-12px 0 10px -10px rgba(var(--ouo-shadow-color),.1)}.ouo-input__content[data-v-21eada42]{width:inherit;height:inherit;position:static;display:flex;align-items:center;transition:all 1s linear}.ouo-input__box[data-v-21eada42]{width:inherit;height:inherit;position:relative;display:flex;flex-direction:column}.ouo-input__message[data-v-21eada42]{font-size:85%;margin:0 12px;overflow:hidden}.ouo-input__message.primary[data-v-21eada42]{color:rgb(var(--ouo-primary-color))}.ouo-input__message.error[data-v-21eada42]{color:rgb(var(--ouo-error-color))}.ouo-input__message.warning[data-v-21eada42]{color:rgb(var(--ouo-warning-color))}.ouo-input__message.success[data-v-21eada42]{color:rgb(var(--ouo-success-color))}.ouo-input[data-v-21eada42]{width:100%;height:100%;padding:7px 12px;position:relative;border:none;border-radius:var(--ouo-input-border-radius);background:rgba(var(--ouo-common-bg),1)}.ouo-input:not(:-moz-placeholder-shown)~.ouo-input__label[data-v-21eada42]{font-size:80%;opacity:1;pointer-events:auto;transform:translate(-3%,calc(-100% - 7px));-moz-transition:all .2s ease;transition:all .2s ease}.ouo-input:focus~.ouo-input__label[data-v-21eada42],.ouo-input:not(:placeholder-shown)~.ouo-input__label[data-v-21eada42]{font-size:80%;opacity:1;pointer-events:auto;transform:translate(-3%,calc(-100% - 7px));transition:all .2s ease}.ouo-input--border.primary[data-v-21eada42]:focus{border-bottom:2px solid rgb(var(--ouo-primary-color))}.ouo-input--border.error[data-v-21eada42]:focus{border-bottom:2px solid rgb(var(--ouo-error-color))}.ouo-input--border.warning[data-v-21eada42]:focus{border-bottom:2px solid rgb(var(--ouo-warning-color))}.ouo-input--border.success[data-v-21eada42]:focus{border-bottom:2px solid rgb(var(--ouo-success-color))}.ouo-textarea__container .ouo-input__label[data-v-21eada42]{width:inherit;height:inherit;left:12px;top:3px;font-size:90%;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:.4;transition:all .25s ease}.ouo-tag__content[data-v-db363778]{z-index:1}.ouo-tag--flat[data-v-db363778]{color:rgb(var(--ouo-basic-font-color));background-color:rgba(var(--ouo-common-bg))}.ouo-tag--flat[data-v-db363778]:hover{background-color:rgba(var(--ouo-tag-bg),.25)}.ouo-tag--flat[data-v-db363778]:active,.ouo-tag--flat[data-v-db363778]:focus{color:rgb(var(--ouo-primary-font-color));background-color:rgba(var(--ouo-tag-bg),1)}.ouo-tag__input:checked+.ouo-tag--flat[data-v-db363778]{color:rgb(var(--ouo-primary-font-color));background-color:rgba(var(--ouo-tag-bg),1)}.ouo-tag--transparent[data-v-db363778]{color:rgb(var(--ouo-basic-font-color));background-color:transparent}.ouo-tag--transparent[data-v-db363778]:before{content:"";background:rgba(var(--ouo-common-bg),.6);position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:all .25s ease;transform:scale(.5);opacity:0;box-sizing:border-box}.ouo-tag--transparent[data-v-db363778]:active{transform:scale(.9)}.ouo-tag--transparent[data-v-db363778]:hover:before{opacity:1;transform:scale(1)}.ouo-tag--transparent[data-v-db363778]:focus:before{background:rgb(var(--ouo-common-bg));opacity:1;transform:scale(1)}.ouo-tag__input:checked+.ouo-tag--transparent[data-v-db363778]:before{background:rgb(var(--ouo-common-bg));opacity:1;transform:scale(1)}.ouo-tag--card[data-v-db363778]{color:rgb(var(--ouo-basic-font-color));background-color:transparent}.ouo-tag--card[data-v-db363778]:hover,.ouo-tag--card[data-v-db363778]:focus{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(var(--ouo-transform-translateY));box-shadow:0 8px 25px rgba(var(--ouo-shadow-color),.05)}.ouo-tag--card[data-v-db363778]:active{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--ouo-shadow-color),.05)}.ouo-tag__input:checked+.ouo-tag--card[data-v-db363778]{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(var(--ouo-transform-translateY));box-shadow:0 8px 25px rgba(var(--ouo-shadow-color),.05)}.ouo-tag--text[data-v-db363778]{padding:6px 5px!important;color:inherit;background-color:transparent}.ouo-tag--text .ouo-tag__content[data-v-db363778]{position:relative;z-index:1}.ouo-tag--text .ouo-tag__content[data-v-db363778]:after{content:"";width:100%;height:8px;position:absolute;bottom:-1px;left:-1px;padding:0 1px;border-radius:2px;pointer-events:none;transition:all .25s ease}.ouo-tag__input:checked+.ouo-tag--text .ouo-tag__content[data-v-db363778]{font-size:120%;font-weight:600}.ouo-tag__input:checked+.ouo-tag--text .ouo-tag__content[data-v-db363778]:after{background-color:rgba(var(--ouo-primary-color),.7)}.ouo-tag__input[data-v-db363778]{display:none}.ouo-tag[data-v-db363778]{border:none;position:relative;display:inline-flex;align-items:center;caret-color:transparent;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .5s ease;padding:8px 12px}.ouo-tag.ouo-color--default[data-v-db363778]{--ouo-tag-bg: var(--ouo-primary-color)}.ouo-tag.ouo-color--gray[data-v-db363778]{--ouo-tag-bg: var(--ouo-gray-color)}.ouo-tag.ouo-color--primary[data-v-db363778]{--ouo-tag-bg: var(--ouo-primary-color)}.ouo-tag.ouo-color--danger[data-v-db363778]{--ouo-tag-bg: var(--ouo-danger-color)}.ouo-tag.ouo-color--warning[data-v-db363778]{--ouo-tag-bg: var(--ouo-warning-color)}.ouo-tag--size-auto .ouo-tag[data-v-db363778]{width:inherit;height:inherit}.ouo-tag--small .ouo-tag[data-v-db363778]{min-width:55px;height:35px}.ouo-tag--middle .ouo-tag[data-v-db363778]{min-width:70px;height:39px}.ouo-tag--large .ouo-tag[data-v-db363778]{min-width:90px;height:45px}.ouo-tag--default[data-v-db363778]{background-color:rgba(var(--ouo-tag-bg),1)}.ouo-tag--default.ouo-color--default[data-v-db363778]{background-color:rgba(var(--ouo-default-color),1);color:rgb(var(--ouo-basic-font-color))}.ouo-tag--default.ouo-color--gray[data-v-db363778]{background-color:rgba(var(--ouo-common-bg),1);color:rgb(var(--ouo-basic-font-color))}.ouo-tag--default.ouo-color--primary[data-v-db363778],.ouo-tag--default.ouo-color--danger[data-v-db363778],.ouo-tag--default.ouo-color--warning[data-v-db363778]{color:rgb(var(--ouo-primary-font-color))}.ouo-tag--default[data-v-db363778]:hover,.ouo-tag--default[data-v-db363778]:active,.ouo-tag--default[data-v-db363778]:focus{transform:translateY(var(--ouo-transform-translateY))}.ouo-tag__input:checked+.ouo-tag--default[data-v-db363778]{color:rgb(var(--ouo-primary-font-color));background-color:rgba(var(--ouo-tag-bg),1);box-shadow:0 10px 20px -10px rgba(var(--ouo-tag-bg),1);transform:translateY(var(--ouo-transform-translateY))}.ouo-tag--round[data-v-db363778]{border-radius:var(--ouo-tag-border-radius)}.ouo-tag--circle[data-v-db363778]{border-radius:50%}.ouo-tag--rectangle[data-v-db363778]{border-radius:0}.ouo-tag--equilateral[data-v-db363778]{padding:8px!important}.ouo-tag__group[data-v-97613c27]{padding:7px;background-color:rgb(var(--ouo-common-bg));border-radius:var(--ouo-tag-border-radius);display:inline-flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.ouo-tag__group .ouo-tag__label{margin:3px 4px}.ouo-msg[data-v-4efbec89]{max-width:calc(100% - 50px);min-width:100px;padding:13px 18px;top:20px;color:rgb(var(--ouo-primary-font-color));box-sizing:border-box;display:flex;text-align:center;justify-content:center;z-index:999;position:fixed;border-radius:7px}.ouo-msg span[data-v-4efbec89]{display:inline-flex;align-items:center;caret-color:transparent}.ouo-msg__content[data-v-4efbec89]{vertical-align:middle}.ouo-msg__content svg[data-v-4efbec89]{height:1em;width:1em;margin-right:6px}.ouo-msg-enter-from[data-v-4efbec89]{transform:translate3d(0,-60px,0);opacity:0}.ouo-msg-enter-active[data-v-4efbec89]{transition:opacity .3s,transform .4s}.ouo-msg-enter-to[data-v-4efbec89],.ouo-msg-leave-from[data-v-4efbec89]{transform:none;opacity:1}.ouo-msg-leave-active[data-v-4efbec89]{transition:opacity .3s,transform .4s}.ouo-msg-leave-to[data-v-4efbec89]{transform:translate3d(0,-60px,0);opacity:0}.ouo-msg--success[data-v-4efbec89]{background-color:rgb(var(--ouo-success-color))}.ouo-msg--error[data-v-4efbec89]{background-color:rgb(var(--ouo-error-color))}.ouo-msg--warning[data-v-4efbec89]{background-color:rgb(var(--ouo-warning-color))}.ouo-pagination--transparent .ouo-pagination__item[data-v-f7849fe2]{background-color:transparent}.ouo-pagination--transparent .ouo-pagination__item[data-v-f7849fe2]:before{content:"";background:rgba(var(--ouo-primary-color),.1);position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:all .25s ease;z-index:-1;transform:scale(.5);opacity:0;box-sizing:border-box}.ouo-pagination--transparent .ouo-pagination__item.active[data-v-f7849fe2]{color:rgb(var(--ouo-primary-color));opacity:1;transform:scale(1)}.ouo-pagination--transparent .ouo-pagination__item.inactive[data-v-f7849fe2]:hover:before{opacity:1;transform:scale(1)}.ouo-pagination--transparent .ouo-pagination__item[data-v-f7849fe2]:active,.ouo-pagination--transparent .ouo-pagination__item[data-v-f7849fe2]:focus{transform:scale(.9)}.ouo-pagination--card .ouo-pagination__item[data-v-f7849fe2]{color:rgb(var(--ouo-basic-font-color));background-color:transparent}.ouo-pagination--card .ouo-pagination__item.active[data-v-f7849fe2]{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(var(--ouo-transform-translateY));box-shadow:0 8px 25px rgba(var(--ouo-shadow-color),.05)}.ouo-pagination--card .ouo-pagination__item.inactive[data-v-f7849fe2]:hover{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--ouo-shadow-color),.05)}.ouo-pagination--card .ouo-pagination__item[data-v-f7849fe2]:active,.ouo-pagination--card .ouo-pagination__item[data-v-f7849fe2]:focus{transform:scale(.9)}.ouo-pagination[data-v-f7849fe2]{display:inline-flex;position:relative}.ouo-pagination div[data-v-f7849fe2]{display:inline-flex}.ouo-pagination svg[data-v-f7849fe2]{padding:10px}.ouo-pagination__item[data-v-f7849fe2]{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;margin:var(--ouo-pagination-item-margin);width:var(--ouo-pagination-size);height:var(--ouo-pagination-size);transition:background-color .3s ease}.ouo-pagination--default .ouo-pagination__item[data-v-f7849fe2]{background-color:rgba(var(--ouo-common-bg))}.ouo-pagination--default .ouo-pagination__item.active[data-v-f7849fe2]{background-color:rgb(var(--ouo-primary-color));color:rgb(var(--ouo-primary-font-color))}.ouo-pagination--default .ouo-pagination__item.inactive[data-v-f7849fe2]:hover{background-color:rgba(var(--ouo-primary-color),.2)}.ouo-pagination--default .ouo-pagination__item[data-v-f7849fe2]:focus,.ouo-pagination--default .ouo-pagination__item[data-v-f7849fe2]:active{transform:scale(.9);background-color:rgba(var(--ouo-primary-color),.2)}.ouo-pagination--round .ouo-pagination__item[data-v-f7849fe2]{border-radius:var(--ouo-pagination-border-radius)}.ouo-pagination--circle .ouo-pagination__item[data-v-f7849fe2]{border-radius:50%}.ouo-pagination--rectangle .ouo-pagination__item[data-v-f7849fe2]{border-radius:0}.ouo-pagination--transparent .ouo-pagination__item[data-v-1ec580d5]{background-color:transparent}.ouo-pagination--transparent .ouo-pagination__item[data-v-1ec580d5]:before{content:"";background:rgba(var(--ouo-primary-color),.1);position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:all .25s ease;z-index:-1;transform:scale(.5);opacity:0;box-sizing:border-box}.ouo-pagination--transparent .ouo-pagination__item.active[data-v-1ec580d5]{color:rgb(var(--ouo-primary-color));opacity:1;transform:scale(1)}.ouo-pagination--transparent .ouo-pagination__item.inactive[data-v-1ec580d5]:hover:before{opacity:1;transform:scale(1)}.ouo-pagination--transparent .ouo-pagination__item[data-v-1ec580d5]:active,.ouo-pagination--transparent .ouo-pagination__item[data-v-1ec580d5]:focus{transform:scale(.9)}.ouo-pagination--card .ouo-pagination__item[data-v-1ec580d5]{color:rgb(var(--ouo-basic-font-color));background-color:transparent}.ouo-pagination--card .ouo-pagination__item.active[data-v-1ec580d5]{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(var(--ouo-transform-translateY));box-shadow:0 8px 25px rgba(var(--ouo-shadow-color),.05)}.ouo-pagination--card .ouo-pagination__item.inactive[data-v-1ec580d5]:hover{background-color:rgba(var(--ouo-basic-color),1);transform:translateY(-1px);box-shadow:0 5px 15px rgba(var(--ouo-shadow-color),.05)}.ouo-pagination--card .ouo-pagination__item[data-v-1ec580d5]:active,.ouo-pagination--card .ouo-pagination__item[data-v-1ec580d5]:focus{transform:scale(.9)}.ouo-pagination[data-v-1ec580d5]{display:inline-flex;position:relative}.ouo-pagination div[data-v-1ec580d5]{display:inline-flex}.ouo-pagination svg[data-v-1ec580d5]{padding:10px}.ouo-pagination__item[data-v-1ec580d5]{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;margin:var(--ouo-pagination-item-margin);width:var(--ouo-pagination-size);height:var(--ouo-pagination-size);transition:background-color .3s ease}.ouo-pagination--default .ouo-pagination__item[data-v-1ec580d5]{background-color:rgba(var(--ouo-common-bg))}.ouo-pagination--default .ouo-pagination__item.active[data-v-1ec580d5]{background-color:rgb(var(--ouo-primary-color));color:rgb(var(--ouo-primary-font-color))}.ouo-pagination--default .ouo-pagination__item.inactive[data-v-1ec580d5]:hover{background-color:rgba(var(--ouo-primary-color),.2)}.ouo-pagination--default .ouo-pagination__item[data-v-1ec580d5]:focus,.ouo-pagination--default .ouo-pagination__item[data-v-1ec580d5]:active{transform:scale(.9);background-color:rgba(var(--ouo-primary-color),.2)}.ouo-pagination--round .ouo-pagination__item[data-v-1ec580d5]{border-radius:var(--ouo-pagination-border-radius)}.ouo-pagination--circle .ouo-pagination__item[data-v-1ec580d5]{border-radius:50%}.ouo-pagination--rectangle .ouo-pagination__item[data-v-1ec580d5]{border-radius:0}.ouo-pagination__item[data-v-1ec580d5]{color:inherit;text-decoration:none}.ouo-pagination[data-v-265beb4b]{display:inline-flex;position:relative}.ouo-pagination div[data-v-265beb4b]{display:inline-flex}.ouo-pagination svg[data-v-265beb4b]{padding:10px}.ouo-pagination__item[data-v-265beb4b]{position:relative;text-align:center;display:flex;align-items:center;justify-content:center;margin:var(--ouo-pagination-item-margin);width:var(--ouo-pagination-size);height:var(--ouo-pagination-size);transition:background-color .3s ease}.ouo-pagination--dotted .ouo-pagination__container[data-v-265beb4b]{padding:var(--ouo-pagination-item-margin)}.ouo-pagination--dotted .ouo-pagination__container .ouo-pagination__item[data-v-265beb4b]{border-radius:50%;margin:0;width:var(--ouo-pagination-dotted-size);height:var(--ouo-pagination-dotted-size)}.ouo-pagination--dotted .ouo-pagination__item[data-v-265beb4b]{background-color:rgba(var(--ouo-common-bg))}.ouo-pagination--dotted .ouo-pagination__item.active[data-v-265beb4b]{background-color:rgb(var(--ouo-primary-color));color:rgb(var(--ouo-primary-font-color))}.ouo-pagination--dotted .ouo-pagination__item.inactive[data-v-265beb4b]:hover{background-color:rgba(var(--ouo-primary-color),.2)}.ouo-pagination--dotted .ouo-pagination__item[data-v-265beb4b]:focus,.ouo-pagination--dotted .ouo-pagination__item[data-v-265beb4b]:active{transform:scale(.9);background-color:rgba(var(--ouo-primary-color),.2)}.ouo-loading__mask.ouo-loading--star[data-v-9ee55abf]{background-color:rgba(var(--ouo-loading-bg),var(--ouo-loading-bg-opacity))}.ouo-loading__mask[data-v-9ee55abf]:not(.ouo-loading--star){background-color:rgba(var(--ouo-basic-color),var(--ouo-loading-bg-opacity))}@keyframes ouo-spin3D-9ee55abf{0%{transform:rotate3d(.5,.5,.5,360deg)}to{transform:rotate3d(0)}}.ouo-loading__container[data-v-9ee55abf]{width:300px;height:300px;display:flex;justify-content:center;align-items:center;background-color:transparent}.ouo-loading--leo[data-v-9ee55abf]{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.ouo-loading--blue-orbit[data-v-9ee55abf]{width:165px;height:165px;border:1px solid rgba(145,218,255,.6470588235);-webkit-animation:ouo-spin3D-9ee55abf 3s linear .2s infinite}.ouo-loading--green-orbit[data-v-9ee55abf]{width:120px;height:120px;border:1px solid rgba(145,255,191,.6470588235);-webkit-animation:ouo-spin3D-9ee55abf 2s linear 0s infinite}.ouo-loading--red-orbit[data-v-9ee55abf]{width:90px;height:90px;border:1px solid rgba(255,202,145,.6470588235);-webkit-animation:ouo-spin3D-9ee55abf 1s linear 0s infinite}.ouo-loading--white-orbit[data-v-9ee55abf]{width:60px;height:60px;border:2px solid #ffffff;-webkit-animation:ouo-spin3D-9ee55abf 10s linear 0s infinite}.ouo-loading--w1[data-v-9ee55abf]{transform:rotate3D(1,1,1,90deg)}.ouo-loading--w2[data-v-9ee55abf]{transform:rotate3D(1,2,.5,90deg)}.ouo-loading--w3[data-v-9ee55abf]{transform:rotate3D(.5,1,2,90deg)}.ouo-loading--geometry[data-v-9ee55abf]{display:flex;justify-content:center;align-items:center}.ouo-loading--wide[data-v-9ee55abf]{width:150px;height:150px;display:flex;justify-content:center;align-items:center;position:relative}.ouo-loading-color[data-v-9ee55abf]{background-color:rgba(var(--ouo-primary-color))}.ouo-loading-l1[data-v-9ee55abf]{width:15px;height:65px;position:absolute;animation:ouo-move-h-9ee55abf 1.2s infinite cubic-bezier(.65,.05,.36,1)}.ouo-loading-l2[data-v-9ee55abf]{width:15px;height:60px;position:absolute;transform:rotate(90deg);animation:ouo-move-v-9ee55abf 1.2s infinite cubic-bezier(.65,.05,.36,1)}.ouo-loading-animation-effect-light[data-v-9ee55abf]{animation:ouo-effect-9ee55abf .2s .1s infinite linear}.ouo-loading-animation-effect-light-d[data-v-9ee55abf]{animation:ouo-effect-9ee55abf .3s .2s infinite linear}.ouo-loading-animation-effect-rot[data-v-9ee55abf]{animation:ouo-rot-9ee55abf .8s infinite cubic-bezier(.65,.05,.36,1)}.ouo-loading-animation-effect-scale[data-v-9ee55abf]{animation:ouo-scale-9ee55abf .8s infinite cubic-bezier(.65,.05,.36,1)}.ouo-loading-e1[data-v-9ee55abf]{width:1px;height:40px;opacity:.3;position:absolute;top:0;left:8%}.ouo-loading-e2[data-v-9ee55abf]{width:60px;height:1px;opacity:.8;position:absolute;top:8%;left:0}.ouo-loading-e3[data-v-9ee55abf]{position:absolute;top:10%;left:12%;font-weight:900;font-size:18px;color:rgba(var(--ouo-primary-color))}.ouo-loading-e4[data-v-9ee55abf]{width:1px;height:40px;opacity:.3;position:absolute;top:90%;right:10%}.ouo-loading-e5[data-v-9ee55abf]{width:40px;height:1px;opacity:.3;position:absolute;top:100%;right:0}.ouo-loading-e6[data-v-9ee55abf]{position:absolute;top:100%;right:0;font-size:32px;color:rgba(var(--ouo-primary-color))}.ouo-loading-e7[data-v-9ee55abf]{width:1px;height:20px;position:absolute;bottom:0;left:0;transform:rotate(45deg);animation:ouo-height-9ee55abf 1s infinite cubic-bezier(.65,.05,.36,1)}.ouo-loading-e8[data-v-9ee55abf]{width:20px;height:1px;position:absolute;bottom:50%;left:0;animation:ouo-width-9ee55abf 1.5s infinite cubic-bezier(.65,.05,.36,1)}@keyframes ouo-move-h-9ee55abf{0%{top:0;opacity:0}25%{opacity:1}50%{top:30%;opacity:1}75%{opacity:1}to{top:100%;opacity:0}}@keyframes ouo-move-v-9ee55abf{0%{left:0;opacity:0}25%{opacity:1}50%{left:45%;opacity:1}75%{opacity:1}to{left:100%;opacity:0}}@keyframes ouo-effect-9ee55abf{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes ouo-rot-9ee55abf{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes ouo-scale-9ee55abf{0%{scale:1}50%{scale:1.9}to{scale:1}}@keyframes ouo-height-9ee55abf{0%{bottom:0;left:0;height:0}25%{height:90px}50%{bottom:100%;left:100%;height:90px}75%{height:0}to{bottom:0;left:0;height:0}}@keyframes ouo-width-9ee55abf{0%{left:0%;width:0}50%{left:100%;width:90px}to{left:0%;width:0}}.ouo-loading__mask[data-v-9ee55abf]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);transition:all .25s ease}.ouo-loading__animation[data-v-9ee55abf]{width:var(--ouo-loading-size);height:var(--ouo-loading-size);position:relative;display:flex;border-radius:50%;align-items:center;justify-content:center}.ouo-loading--default .ouo-loading__animation-1[data-v-9ee55abf]{width:100%;height:100%;top:0;position:absolute;border-radius:inherit;border:3px solid transparent;border-bottom-color:rgba(var(--ouo-primary-color),1);animation:rotate-9ee55abf .8s ease infinite}.ouo-loading--default .ouo-loading__animation-2[data-v-9ee55abf]{width:100%;height:100%;top:0;position:absolute;opacity:.2;border-radius:inherit;border:3px solid transparent;border-bottom:dashed rgba(var(--ouo-primary-color),1);animation:rotate-9ee55abf .8s linear infinite}.ouo-loading--wave .ouo-loading__animation-1[data-v-9ee55abf],.ouo-loading--wave .ouo-loading__animation-2[data-v-9ee55abf]{width:0;height:0;background-color:transparent;border-radius:50%;position:absolute;box-shadow:0 0 10px rgba(var(--ouo-primary-color),.5)}.ouo-loading--wave .ouo-loading__animation-1[data-v-9ee55abf]{animation:waves-9ee55abf .7s ease infinite}.ouo-loading--wave .ouo-loading__animation-2[data-v-9ee55abf]{animation:waves-9ee55abf 1.4s linear infinite}@keyframes rotate-9ee55abf{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes waves-9ee55abf{0%{width:0;height:0}to{height:var(--ouo-loading-size);width:var(--ouo-loading-size);opacity:0}}.ouo-checkbox[data-v-b1fb9711]{position:relative;display:flex;align-items:center}.ouo-checkbox-content[data-v-b1fb9711]{margin-top:-1px;margin-left:5px}.ouo-checkbox__container[data-v-b1fb9711]{position:relative;display:block;width:18px;height:18px;-webkit-tap-highlight-color:transparent}.ouo-checkbox-tick-in[data-v-b1fb9711]{fill:rgb(var(--ouo-default-color))}.ouo-checkbox svg[data-v-b1fb9711]{display:block;position:absolute}.ouo-checkbox input[data-v-b1fb9711]{display:block;padding:0;margin:0;-webkit-appearance:none;width:18px;height:18px;background-color:transparent;outline:none;border:none;border-radius:36%;box-shadow:inset 0 0 0 1.5px rgb(var(--ouo-shadow-color));transition:background .25s linear,box-shadow .25s linear}.ouo-checkbox input+svg[data-v-b1fb9711]{width:21px;height:18px;left:0;top:0;color:rgb(var(--ouo-primary-color))}.ouo-checkbox input+svg .ouo-checkbox-tick[data-v-b1fb9711]{stroke-dasharray:20;stroke-dashoffset:var(--stroke-dashoffset, 20);transition:stroke-dashoffset .2s}.ouo-checkbox input+svg .ouo-checkbox-tick.ouo-checkbox-mask[data-v-b1fb9711]{stroke:rgb(var(--ouo-default-color))}.ouo-checkbox input+svg+svg[data-v-b1fb9711]{width:11px;height:11px;fill:none;stroke:rgb(var(--ouo-primary-color));stroke-width:1.25;stroke-linecap:round;top:-6px;right:-10px;stroke-dasharray:4.5px;stroke-dashoffset:13.5px;pointer-events:none;animation:none}.ouo-checkbox input[data-v-b1fb9711]:checked{background-color:rgb(var(--ouo-primary-color));border:rgb(var(--ouo-primary-color));box-shadow:none}.ouo-checkbox input:checked+svg[data-v-b1fb9711]{--stroke-dashoffset: 0}.ouo-checkbox input:checked+svg+svg[data-v-b1fb9711]{animation:check .2s ease .175s}@keyframes check{to{stroke-dashoffset:5px}}.ouo-tooltip[data-v-7798e40f]{position:relative;width:-moz-fit-content;width:fit-content;min-width:50px;transition:all .2s}.ouo-tooltip-text[data-v-7798e40f]{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.6em .8em;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s;border-radius:9px;font-size:80%;white-space:nowrap;color:rgb(var(--ouo-primary-font-color));background:rgba(var(--ouo-basic-font-color));box-shadow:0 4px 8px #0000001a}.ouo-tooltip-text[data-v-7798e40f]:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-style:solid;border-width:8px 8px 0;border-color:rgba(var(--ouo-basic-font-color)) transparent transparent}.ouo-tooltip:hover .ouo-tooltip-text[data-v-7798e40f]{top:-120%;opacity:.9;visibility:visible;pointer-events:auto}.ouo-switch[data-v-3f04c819]{position:relative;display:flex;align-items:center}.ouo-switch__container[data-v-3f04c819]{position:relative;display:inline-block;min-width:50px;height:30px}.ouo-switch-content[data-v-3f04c819]{margin-left:5px}input[type=checkbox][data-v-3f04c819]{opacity:0;width:0;height:0}.ouo-switch-slider[data-v-3f04c819]{position:absolute;display:inline-flex;align-items:center;padding:5px;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--ouo-gray-color));transition:.4s;border-radius:30px}.ouo-switch-slider[data-v-3f04c819]:before{content:"";height:20px;width:20px;border-radius:50%;background-color:rgb(var(--ouo-basic-color));transition:.3s cubic-bezier(0,2.18,.64,.69)}input[type=checkbox]:checked+.ouo-switch-slider[data-v-3f04c819]{background-color:rgb(var(--ouo-primary-color))}input[type=checkbox]:checked+.ouo-switch-slider[data-v-3f04c819]:before{transform:translate(20px)}*[data-v-e470964b]{--background: rgb(var(--ouo-basic-color));--radio-size: 20px;--width: 120px;--height: 120px;--border-radius: 10px}.ouo-radio[data-v-e470964b]{position:relative;display:flex;align-items:center}.ouo-radio-content[data-v-e470964b]{margin-left:5px}.ouo-radio input[type=radio][data-v-e470964b]{-webkit-appearance:none;-moz-appearance:none;position:relative;height:var(--radio-size);width:var(--radio-size);outline:none;margin:0;border:2px solid rgb(var(--ouo-gray-color));background:transparent;border-radius:50%;display:grid;justify-self:end;justify-items:center;align-items:center;overflow:hidden;transition:border .5s ease,border-width .2s}.ouo-radio input[type=radio][data-v-e470964b]:hover{border:2px solid rgb(var(--ouo-primary-color))}.ouo-radio input[type=radio][data-v-e470964b]:before,.ouo-radio input[type=radio][data-v-e470964b]:after{content:"";display:flex;justify-self:center;border-radius:50%}.ouo-radio input[type=radio][data-v-e470964b]:before{position:absolute;width:100%;height:100%;background:var(--background);z-index:1;opacity:var(--opacity, 1)}.ouo-radio input[type=radio][data-v-e470964b]:after{position:relative;width:50%;height:50%;background:rgb(var(--ouo-primary-color));top:var(--y, 100%);transition:top .5s cubic-bezier(.48,1.97,.5,.63)}.ouo-radio input[type=radio][data-v-e470964b]:checked{border:3px solid rgb(var(--ouo-primary-color))}.ouo-radio input[type=radio][data-v-e470964b]:checked:after{--y: 0%;animation:ouo-stretch-animate-e470964b .3s ease-out .17s}.ouo-radio input[type=radio][data-v-e470964b]:checked:before{--opacity: 0}.ouo-radio input[type=radio]:checked~input[type=radio][data-v-e470964b]:after{--y: -100%}.ouo-radio input[type=radio][data-v-e470964b]:not(:checked):before{--opacity: 1;transition:opacity 0s linear .5s}@keyframes ouo-stretch-animate-e470964b{0%{transform:scale(1)}28%{transform:scale(1.15,.85)}50%{transform:scale(.9,1.1)}to{transform:scale(1)}}.ouo-todo[data-v-0b3d656e]{--border-radius: 10px;border-radius:var(--border-radius);position:relative;padding:5px;display:grid;grid-template-columns:30px auto;align-items:center}.ouo-todo label[data-v-0b3d656e]{color:rgb(var(--ouo-basic-font-color));position:relative;display:grid;align-items:center;width:-moz-fit-content;width:fit-content;transition:color .3s ease}.ouo-todo label[data-v-0b3d656e]:before,.ouo-todo label[data-v-0b3d656e]:after{content:"";position:absolute}.ouo-todo label[data-v-0b3d656e]:before{height:2px;width:8px;left:-27px;background:rgb(var(--ouo-primary-color));border-radius:2px;transition:background .3s ease}.ouo-todo label[data-v-0b3d656e]:after{height:4px;width:4px;top:8px;left:-25px;border-radius:50%}.ouo-todo input[type=checkbox][data-v-0b3d656e]{-webkit-appearance:none;-moz-appearance:none;position:relative;height:15px;width:15px;outline:none;border:0;margin:0 15px 0 0;background:var(--background);display:grid;align-items:center}.ouo-todo input[type=checkbox][data-v-0b3d656e]:before,.ouo-todo input[type=checkbox][data-v-0b3d656e]:after{content:"";position:absolute;height:2px;top:auto;background:rgb(var(--ouo-primary-color));border-radius:2px}.ouo-todo input[type=checkbox][data-v-0b3d656e]:before{width:0px;right:60%;transform-origin:right bottom}.ouo-todo input[type=checkbox][data-v-0b3d656e]:after{width:0px;left:40%;transform-origin:left bottom}.ouo-todo input[type=checkbox][data-v-0b3d656e]:checked:before{animation:ouo-check-01-11-0b3d656e .4s ease forwards}.ouo-todo input[type=checkbox][data-v-0b3d656e]:checked:after{animation:ouo-check-02-11-0b3d656e .4s ease forwards}.ouo-todo input[type=checkbox]:checked+label[data-v-0b3d656e]{color:rgb(var(--ouo-gray-color));animation:ouo-move-11-0b3d656e .3s ease .1s forwards}.ouo-todo input[type=checkbox]:checked+label[data-v-0b3d656e]:before{background:rgb(var(--ouo-gray-color));animation:ouo-slice-11-0b3d656e .4s ease forwards}.ouo-todo input[type=checkbox]:checked+label[data-v-0b3d656e]:after{animation:ouo-firework-11-0b3d656e .5s ease forwards .1s}@keyframes ouo-move-11-0b3d656e{50%{padding-left:8px;padding-right:0}to{padding-right:4px}}@keyframes ouo-slice-11-0b3d656e{60%{width:100%;left:4px}to{width:100%;left:-2px;padding-left:0}}@keyframes ouo-check-01-11-0b3d656e{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0px;top:auto;transform:rotate(0)}51%{width:0px;top:8px;transform:rotate(45deg)}to{width:5px;top:8px;transform:rotate(45deg)}}@keyframes ouo-check-02-11-0b3d656e{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0px;top:auto;transform:rotate(0)}51%{width:0px;top:8px;transform:rotate(-45deg)}to{width:10px;top:8px;transform:rotate(-45deg)}}@keyframes ouo-firework-11-0b3d656e{0%{opacity:1;box-shadow:0 0 0 -2px rgb(var(--ouo-primary-color)),0 0 0 -2px rgb(var(--ouo-primary-color)),0 0 0 -2px rgb(var(--ouo-primary-color)),0 0 0 -2px rgb(var(--ouo-primary-color)),0 0 0 -2px rgb(var(--ouo-primary-color)),0 0 0 -2px rgb(var(--ouo-primary-color))}30%{opacity:1}to{opacity:0;box-shadow:0 -15px rgb(var(--ouo-primary-color)),14px -8px rgb(var(--ouo-primary-color)),14px 8px rgb(var(--ouo-primary-color)),0 15px rgb(var(--ouo-primary-color)),-14px 8px rgb(var(--ouo-primary-color)),-14px -8px rgb(var(--ouo-primary-color))}}.ouo-link--circle svg[data-v-edc00193]{min-width:130%;height:130%;position:absolute;left:50%;bottom:0;transform:translate(-50%,15%) translateZ(0);fill:none;stroke:var(--stroke, rgb(var(--ouo-gray-color)));stroke-linecap:round;stroke-width:2px;stroke-dasharray:var(--offset, 69px) 278px;stroke-dashoffset:361px;transition:stroke .25s ease var(--stroke-delay, 0s),stroke-dasharray .35s}.ouo-link--circle[data-v-edc00193]:hover{--spacing: 4px;--stroke: rgb(var(--ouo-primary-color));--stroke-delay: .1s;--offset: 180px}.ouo-link[data-v-edc00193]{display:inline-block;position:relative;height:-moz-fit-content;height:fit-content;text-decoration:none;color:inherit;transition:margin .25s}.ouo-link--default[data-v-edc00193]{padding:1px 13px 1px 3px;border-radius:3px;color:rgba(var(--ouo-primary-color));border-bottom:2px dotted rgba(var(--ouo-primary-color),.5);background:linear-gradient(rgba(var(--ouo-primary-color),1),rgba(var(--ouo-primary-color),1)) no-repeat bottom/100% 0;transition:background-size .2s}.ouo-link--default[data-v-edc00193]:hover{color:rgb(var(--ouo-primary-font-color));background-size:100% 100%;border-bottom:2px dotted transparent}.ouo-link--default svg[data-v-edc00193]{position:absolute;right:2px;top:-2px;width:12px;transform:rotate(-50deg)}.ouo-progress-bar[data-v-9ef63707]{height:8px;width:100%;border-radius:6px;margin-top:6px;background:rgba(var(--ouo-gray-color))}.ouo-progress-bar .ouo-progress-per[data-v-9ef63707]{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:rgb(var(--ouo-primary-color));animation:progress-9ef63707 .4s ease-in-out forwards;opacity:0;animation-delay:.1s}.ouo-progress-per[data-v-9ef63707]{width:50%}@keyframes progress-9ef63707{0%{width:0;opacity:1}to{opacity:1}}.ouo-progress-per .tooltip[data-v-9ef63707]{z-index:1;position:absolute;right:-14px;top:-28px;font-size:70%;color:rgb(var(--ouo-primary-font-color));padding:2px 6px;border-radius:3px;background-color:rgb(var(--ouo-primary-color))}.tooltip[data-v-9ef63707]:before{content:"";z-index:-1;position:absolute;left:50%;bottom:-2px;height:10px;width:10px;background-color:rgb(var(--ouo-primary-color));transform:translate(-50%) rotate(45deg)}.ouo-skeleton-item[data-v-22f74f76]{border-radius:5px;height:var(--ouo-skeleton-height);width:100%;margin-top:var(--ouo-skeleton-height);background:linear-gradient(100deg,rgba(var(--ouo-basic-color),0) 40%,rgba(var(--ouo-basic-color),.5),rgba(var(--ouo-basic-color),0) 60%) rgba(var(--ouo-gray-bg));background-size:200% 100%;background-position-x:180%}.ouo-skeleton-item[data-v-22f74f76]:nth-child(1){width:35%}.ouo-skeleton-item[data-v-22f74f76]:last-child{width:65%}.ouo-skeleton-animate[data-v-22f74f76]{animation:1.8s ouo-skeleton-loading-22f74f76 ease-in-out infinite}@keyframes ouo-skeleton-loading-22f74f76{to{background-position-x:-20%}}[class*=ouo-]{--ouo-basic-font-color: 34, 34, 34;--ouo-primary-font-color: 255, 255, 255;--ouo-primary-color: 26, 92, 255;--ouo-common-bg: 244, 247, 248;--ouo-gray-bg: 230, 232, 235;--ouo-gray-color: 230, 232, 235;--ouo-basic-color: 255, 255, 255;--ouo-default-color: 255, 255, 255;--ouo-danger-color: 255, 71, 87;--ouo-error-color: 255, 71, 87;--ouo-warning-color: 255, 186, 0;--ouo-success-color: 70, 201, 58;--ouo-msg-success-font-color: 240, 243, 244;--ouo-msg-error-font-color: 240, 243, 244;--ouo-msg-warning-font-color: 240, 243, 244;--ouo-shadow-color: 34, 34, 34;--ouo-input-border-radius: 9px;--ouo-btn-border-radius: 9px;--ouo-tag-border-radius: 9px;--ouo-pagination-border-radius: 9px;--ouo-pagination-item-margin: 2px;--ouo-pagination-size: 34px;--ouo-pagination-dotted-size: 11px;--ouo-loading-size: 66px;--ouo-loading-bg: 29, 38, 48;--ouo-loading-bg-opacity: 1;--ouo-landing-bg: 245, 245, 245;--ouo-transform-translateY: -2px;box-sizing:border-box;--ouo-skeleton-height: 16px;outline:none;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[class*=ouo-]::-moz-selection{background:rgb(var(--ouo-primary-color));color:rgb(var(--ouo-primary-font-color))}[class*=ouo-]::selection{background:rgb(var(--ouo-primary-color));color:rgb(var(--ouo-primary-font-color))}.ouo-msg__container{width:100%;display:flex;align-items:center;justify-content:center}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-2{bottom:.5rem}.left-1{left:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.font-semibold{font-weight:600}.leading-loose{line-height:2}.opacity-70{opacity:.7}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-theme=dark] svg,[data-theme=dark] img{filter:brightness(.8)}.comment-paragraph,p{margin:0;padding:0}.sus-avatar{border-radius:999px;width:100%;height:100%}[data-type=emoji] img,.emoji{display:inline;width:24px;margin:0}.sus-comment-avatar{width:var(--sus-avatar-size);height:var(--sus-avatar-size);min-width:var(--sus-avatar-size);margin:3px 5px}.sus-input{display:block;color:inherit;width:100%;height:32px;min-width:120px;padding:0 9px;background-color:rgba(var(--sus-basic-input-bg));border-radius:5px;border-color:transparent;outline:none}.sus-input::-moz-placeholder{opacity:.7;font-size:90%}.sus-input::placeholder{opacity:.7;font-size:90%}.sus-textarea{display:block;color:inherit;width:100%;height:185px;min-width:120px;max-height:185px;padding:7px 9px;background-color:rgba(var(--sus-basic-input-bg));border-radius:5px;border-color:transparent;outline:none}.sus-textarea::-moz-placeholder{opacity:.7;font-size:90%}.sus-textarea::placeholder{opacity:.7;font-size:90%}.sus-button{padding:7px 18px;border-radius:5px;border:none;outline:none;white-space:nowrap;transition:all .25s}.sus-button.ok{color:rgb(var(--sus-primary-fontcolor));background-color:rgb(var(--sus-primary-color))}.sus-button.ok:hover{background-color:rgb(var(--sus-primary-hover-color))}.sus-button.cancel{background-color:rgba(var(--sus-gray-bg),.5)}.sus-button.cancel:hover{color:rgb(var(--sus-primary-fontcolor));background-color:rgb(var(--sus-danger-hover-color))}.sus-avatar-text{font-size:1.2rem;font-weight:700;color:rgb(var(--sus-primary-fontcolor));background-color:rgba(var(--sus-primary-color),.9);border-radius:99px;box-shadow:0 1px 6px #27272740;font-family:cursive,serif}.dropdown-menu{color:rgba(var(--z-fontcolor))}.ProseMirror pre{padding:1em;margin:.5em 0;color:#ccc;border-radius:5px;overflow-x:scroll!important;overflow-y:hidden!important;background-color:#2d2d2d;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none}.code-box{position:relative}.code-select{position:absolute;top:3px;right:3px;padding:2px;text-align:center;width:-moz-min-content;width:min-content;background:transparent;border:none;outline:none;color:rgba(var(--sus-primary-color));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sus-emoji-panel[data-v-d14b8129]{z-index:2;grid-template-columns:repeat(7,1fr);padding:9px 7px;width:-moz-fit-content;width:fit-content;border-radius:5px;border:rgba(var(--sus-primary-color),.2) solid 1px;background-color:rgba(var(--sus-common-bg),.6);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);animation:slideInUp-d14b8129 .5s}.sus-emoji-item[data-v-d14b8129]{margin:2px;width:25px;height:25px;transition:all .2s}.sus-emoji-item[data-v-d14b8129]:hover{scale:1.3}@keyframes slideInUp-d14b8129{0%{transform:translate3d(0,30%,0);visibility:visible}to{transform:translateZ(0)}}.dropdown-menu{background:rgba(var(--sus-common-bg));border-radius:.7rem;display:flex;flex-direction:column;gap:.1rem;overflow:auto;padding:.4rem;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;display:flex;gap:.25rem;text-align:left;width:100%}.dropdown-menu button:hover,.dropdown-menu button:hover.is-selected,.dropdown-menu button.is-selected{background-color:rgba(var(--sus-item-hover-bg))}.dropdown-menu button img{height:1em;width:1em}@media (max-width: 580px){.sus-comment-avatar[data-v-664e2b61]{display:none}.sus-comment__info[data-v-664e2b61]{flex-direction:column}}.sus-comment[data-v-664e2b61]{min-height:200px;color:rgb(var(--sus-font-color));transition:all .25s}.sus-comment__main[data-v-664e2b61]{width:inherit;height:inherit;transition:inherit}.sus-comment__editor[data-v-664e2b61]{margin:0 2px;min-height:180px;transition:all .25s}.sus-comment__toolbar[data-v-664e2b61]{width:100%;text-align:end;font-size:90%;margin:3px}.sus-comment__toolbar-mask[data-v-664e2b61]{background-color:rgba(var(--sus-common-bg),.5)}.sus-comment__extend-img[data-v-664e2b61]{margin:5px;max-height:120px;max-width:200px;border-radius:5px;transition:all .25s}.sus-comment__extend-img:hover .mask[data-v-664e2b61],.sus-comment__extend-img:focus .mask[data-v-664e2b61]{opacity:1;width:50%}.sus-comment__extend-img .mask[data-v-664e2b61]{display:flex;position:absolute;opacity:0;top:0;right:0;width:0;height:100%;color:rgba(var(--sus-danger-hover-color));background-color:rgba(var(--sus-gray-bg),.7);transition:all .25s}.sus-comment__extend-img .mask svg[data-v-664e2b61]{margin:auto}.sus-comment__extend-img img[data-v-664e2b61]{border-radius:5px}.img-item[data-v-664e2b61]{max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}.sus-comment__info[data-v-664e2b61]{display:inline-flex;position:relative;width:inherit}.sus-comment__info-input[data-v-664e2b61]{flex-grow:1;display:flex;margin:2px}.sus-comment__footer svg[data-v-664e2b61]{width:22px;height:22px}.sus-comment__footer svg[data-v-664e2b61]:hover{color:rgba(var(--sus-primary-color))}.sus-comment__footer svg[data-v-664e2b61]:focus{outline:none}.sus-input.sus-email[data-v-664e2b61]{min-width:180px}.sus-upload #upload-input[data-v-664e2b61]{display:none}.sus-upload label[data-v-664e2b61]{display:block;width:22px;height:24px}.sus-comment-input{padding:11px 15px;border-radius:5px;background-color:rgba(var(--sus-basic-input-bg));overflow-y:scroll}.sus-link-input{padding:5px 7px;border-radius:5px;background-color:rgba(var(--sus-basic-input-bg))}.ProseMirror{height:160px;border-radius:5px;border-color:transparent;outline:none}.dropdown-menu button{padding:5px 7px;border-radius:5px;border:none;outline:none;white-space:nowrap;transition:all .25s;line-height:1.15}.dropdown-menu button img{width:20px;height:20px}p.is-editor-empty:first-child:before{color:rgba(var(--sus-font-color),.4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tippy-box[data-theme~=light-border]{background-color:transparent}.tippy-box[data-theme~=light-border] .tippy-content{padding:0}.tiptap input,.tiptap button{padding:5px 7px;margin:0 3px;background-color:rgba(var(--sus-gray-bg));border-radius:5px;border-color:transparent;outline:none}.tiptap .button-group{margin-bottom:3px}.tiptap .draw{z-index:10;position:absolute;display:none;left:-10px;bottom:.5rem;width:100%;padding:9px 7px;background-color:rgba(var(--sus-common-bg),.6)}.ProseMirror{position:unset!important}.sus-svg[data-v-0ecc1ddf]{height:13px;width:13px;margin:0 3px}.sus-item__container[data-v-0ecc1ddf]{margin:11px 0;padding:11px 9px 9px;color:rgb(var(--sus-font-color))}.sus-item-tag[data-v-0ecc1ddf]{padding:1px 2px;margin:0 6px;font-size:clamp(11px,80%,13px);color:rgb(var(--sus-primary-fontcolor));background-color:rgba(var(--sus-primary-color),var(--sus-item-primary-opacity));border-radius:3px}.sus-item-floor[data-v-0ecc1ddf]{opacity:.6;font-size:clamp(10px,70%,12px);text-align:center}.sus-item-floor[data-v-0ecc1ddf]:before{content:"#";margin:0 1px}.sus-item-privacy[data-v-0ecc1ddf]{z-index:10;position:absolute;width:100%;height:100%;background:linear-gradient(45deg,rgba(var(--sus-linear-gradient-bg),.5) 0,rgba(var(--sus-linear-gradient-bg),.5) 25%,transparent 25%,transparent 50%,rgba(var(--sus-linear-gradient-bg),.5) 50%,rgba(var(--sus-linear-gradient-bg),.5) 75%,transparent 75%,transparent);background-size:50px 50px}.sus-item-privacy-text[data-v-0ecc1ddf]{display:flex;align-items:center;justify-content:center;opacity:.7;font-size:110%;font-weight:700;height:60px}.sus-item__info[data-v-0ecc1ddf]{opacity:.7;font-size:70%;margin-top:3px;margin-bottom:-2px}.sus-item__info-reply[data-v-0ecc1ddf]{top:-16px;right:-11px;padding:4px 15px;font-size:clamp(11px,80%,13px);color:rgba(var(--sus-font-color),.8);background-color:rgba(var(--sus-gray-bg),.9);transition:all .25s;border-radius:0 9px}.sus-item__info-reply[data-v-0ecc1ddf]:hover{color:rgb(var(--sus-primary-fontcolor));background-color:rgba(var(--sus-primary-color),var(--sus-item-primary-opacity))}.sus-item__info-reply svg[data-v-0ecc1ddf]{height:12px;width:12px}.sus-comment__item-child .sus-item__info-reply[data-v-0ecc1ddf]{top:0;right:0}.sus-item__user[data-v-0ecc1ddf]{margin-right:37px}.sus-item__user-date[data-v-0ecc1ddf]{font-size:90%;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sus-item__user-name[data-v-0ecc1ddf]{font-size:105%}.sus-item__user-name.master[data-v-0ecc1ddf]{color:rgb(var(--sus-primary-color))}.sus-item__user a[data-v-0ecc1ddf]{background-color:transparent;text-decoration:none}.sus-item__content[data-v-0ecc1ddf]{position:relative;padding:5px;min-width:52px}.sus-item__content-text[data-v-0ecc1ddf]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.sus-item__content-name[data-v-0ecc1ddf]{font-size:90%;padding:2px 5px;border-radius:3px;background-color:rgba(var(--sus-gray-bg))}.sus-show-detail[data-v-0ecc1ddf]{color:rgba(var(--sus-primary-color),var(--sus-item-primary-opacity))}.sus-show-detail[data-v-0ecc1ddf]:hover{color:rgb(var(--sus-primary-color))}.sus-item__content img{width:auto;max-width:400px;max-height:100px}.sus-comment__item[data-v-394137ac]{margin:16px 0;padding:5px 11px;line-height:1.5;background-color:rgba(var(--sus-item-bg),var(--sus-item-opacity));border-radius:0 9px 9px;transition:box-shadow .25s ease-in-out}.sus-comment__item[data-v-394137ac]:hover{box-shadow:3px 3px 15px rgba(var(--sus-item-bg),.1)}.sus-comment__item-child[data-v-394137ac]{margin-left:var(--sus-item-margin)}.sus-comment__item-child__item[data-v-394137ac]{background-color:rgba(var(--sus-item-bg),var(--sus-item-opacity));border-radius:0 9px 9px;transition:box-shadow .2s ease-in-out}.sus-comment__item-child__item[data-v-394137ac]:hover{box-shadow:3px 3px 15px rgba(var(--sus-item-bg),.1)}.sus-comment__item-footer[data-v-394137ac]{margin-top:15px;margin-bottom:10px}.sus-load-more[data-v-394137ac]{color:rgba(var(--sus-primary-color),var(--sus-item-primary-opacity))}.sus-load-more[data-v-394137ac]:hover{color:rgb(var(--sus-primary-color))}.sus-top-item[data-v-b136418d]{width:inherit;max-height:80px}.sus-top-item__content[data-v-b136418d]{display:-webkit-box;color:rgb(var(--sus-font-color));line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden;flex:1}.sus-top-item__reply[data-v-b136418d]{font-size:90%;width:-moz-fit-content;width:fit-content;margin-top:3px;border-radius:3px;background-color:rgba(var(--sus-item-bg),var(--sus-item-opacity));opacity:.8}.sus-top-item__info[data-v-b136418d]{max-width:28%;overflow:hidden}.sus-top-item[data-v-aa4077a9]{max-height:80px}.sus-top-item[data-v-aa4077a9]:hover{border-radius:5px;background-color:rgba(var(--sus-item-hover-bg),.5);transition:all .25s}.sus-top-item__content[data-v-aa4077a9]{display:-webkit-box;margin:3px 1px 0;color:rgb(var(--sus-font-color));-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-y:hidden}.sus-top-item__user[data-v-aa4077a9]{font-size:90%}.sus-top-item__user-owner[data-v-aa4077a9]{padding:3px 6px;width:-moz-fit-content;width:fit-content;background-color:rgba(var(--sus-basic-input-bg),var(--sus-item-opacity));border-radius:7px}.sus-top-item__user-avatar[data-v-aa4077a9]{width:28px;height:28px}.sus-top-item__user-avatar .sus-avatar[data-v-aa4077a9]{border:thin solid;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;box-shadow:.1em .1em 0 -.05em;color:rgba(var(--sus-font-color),.1)}