kku-ui 0.0.515 → 0.0.516
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/styles/index.css +1 -1
- package/package.json +1 -1
package/lib/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:var(--font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--white-color: #ffffff;--black-color: #000000;--error-color: #ED2B2A;--success-color: #7DCE13;--warning-color: #FFFA4D;--eanble-color: #0079FF;--gray-color-50: #f8f9fa;--gray-color-100: #eceeef;--gray-color-200: #dee2e6;--gray-color-300: #ced4da;--gray-color-400: #adb5bd;--gray-color-500: #868e96;--gray-color-600: #495057;--gray-color-700: #343a40;--gray-color-800: #212529;--gray-color-900: #121416;--default-font-color: var(--gray-color-700);--default-disabled-font-color: var(--gray-color-500);--default-placeholder-font-color: #b3b3b3;--dark-font-color: var(--gray-color-100);--dark-disabled-font-color: var(--gray-color-500);--dark-placeholder-font-color: #b3b3b3;--default-border-color: var(--gray-color-500);--default-hover-border-color: var(--gray-color-800);--default-disabled-border-color: var(--gray-color-500);--dark-border-color: var(--gray-color-500);--dark-hover-border-color: var(--gray-color-200);--dark-disabled-border-color: var(--gray-color-600);--default-background-color: var(--white-color);--default-hover-background-color: var(--gray-color-50);--default-disabled-background-color: var(--gray-color-50);--dark-default-background-color: var(--black-color);--dark-hover-background-color: var(--gray-color-900);--dark-disabled-background-color: var(--gray-color-900);--default-ripple-color: var(--gray-color-300);--dark-ripple-color: var(--gray-color-400);--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-22: 22px;--spacing-24: 24px;--spacing-26: 26px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-34: 34px;--spacing-36: 36px;--spacing-38: 38px;--spacing-40: 40px;--input-medium-height: 40px;--input-small-height: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-size-title-1: 48px;--font-size-title-2: 32px;--font-size-title-3: 28px;--font-size-sub-title-1: 24px;--font-size-sub-title-2: 20px;--font-size-sub-title-3: 16px;--font-size-sub-1: 22px;--font-size-sub-2: 20px;--font-size-sub-3: 18px;--font-size-label-1: 16px;--font-size-label-2: 14px;--font-size-label-3: 12px;--line-height-title-1: 56px;--line-height-title-2: 40px;--line-height-title-3: 36px;--line-height-sub-title-1: 32px;--line-height-sub-title-2: 28px;--line-height-sub-title-3: 24px;--line-height-label-1: 24px;--line-height-label-2: 22px;--line-height-label-3: 20px;--line-height-sub-1: 30px;--line-height-sub-2: 28px;--line-height-sub-3: 26px;--font-weight-title: 600;--font-weight-body: 400;--font-weight-sub: 500;--font-size-body-1: 18px;--font-size-body-2: 16px;--font-size-body-3: 14px;--line-height-body-1: 24px;--line-height-body-2: 22px;--line-height-body-3: 20px;--font-weight-body-1: 400;--font-weight-body-2: 400;--font-weight-body-3: 400;--default-border-radius: 3px;--default-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--dark-box-shadow: rgba(255, 255, 255, .35) 0px 5px 15px;--default-transition-timing-function: ease;--select-z-index: 10}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);font-family:var(--font-family);color:var(--default-font-color);cursor:pointer;overflow:hidden;user-select:none;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-button .k-ripple{background-color:var(--default-ripple-color)}.k-button:hover{border-color:var(--default-hover-border-color);background:var(--default-hover-background-color)}.k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--default-disabled-border-color);background-color:var(--default-disabled-background-color)}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--small{height:32px;padding:0 var(--spacing-12)}.k-button.k-button--small .k-button__content{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-button.k-button--medium{height:36px;padding:0 var(--spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.dark .k-button{color:var(--dark-font-color);border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-button .k-ripple{background-color:var(--dark-ripple-color)}.dark .k-button:hover{border-color:var(--dark-hover-border-color);background:var(--dark-hover-background-color)}.dark .k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--dark-disabled-border-color);background-color:var(--dark-disabled-background-color)}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:var(--font-family)}.k-text-field .k-text-field__label__container{position:absolute;top:-5px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-2);color:var(--default-border-color);overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:var(--default-background-color);z-index:1}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);line-height:1;white-space:nowrap;overflow:hidden;z-index:2;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function);transition-property:color}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:var(--error-color)}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:var(--black-color)}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;height:100%;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--white-color);caret-color:var(--default-font-color);font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:inline-flex;justify-content:center;align-items:center;width:auto;height:100%;font-size:inherit;line-height:inherit;background-color:transparent}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;color:var(--default-font-color);transition-property:color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--default-placeholder-font-color)}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-right:var(--spacing-8);width:100%}.k-text-field:hover .k-text-field__label__container,.k-text-field:focus-within .k-text-field__label__container{color:var(--default-font-color)}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:var(--default-font-color)}.k-text-field.k-text-field__input--full-width.k-text-field--small .k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium .k-text-field__input__container{min-width:100%;width:100%}.k-text-field.k-text-field--disabled{color:var(--default-disabled-font-color);cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__label__container{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:var(--default-disabled-font-color);background-color:var(--default-disabled-background-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--default-disabled-font-color)}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--medium .k-text-field__label__container{left:10px}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px;height:var(--input-medium-height)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2;padding:0 var(--spacing-10)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-12)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-12)}.k-text-field.k-text-field--small .k-text-field__label__container{left:8px}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px;height:var(--input-small-height)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3;padding:0 var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-8)}.dark .k-text-field{color:var(--dark-font-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--dark-hover-border-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--dark-disabled-font-color)}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:var(--dark-font-color)}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:var(--white-color)}.dark .k-text-field .k-text-field__label__container{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:var(--dark-border-color)}.dark .k-text-field .k-text-field__label__container:before{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__input__container{border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color);caret-color:var(--white-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:var(--dark-font-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--dark-placeholder-font-color)}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);min-width:80px;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select:hover{border-color:var(--default-hover-border-color)}.k-select:hover .k-select__current__label__arrow-icon{color:var(--default-hover-border-color)}.k-select.k-select--disabled{color:var(--default-disabled-font-color);background:var(--default-disabled-background-color);cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:var(--default-border-color)}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:var(--default-placeholder-font-color)}.k-select .k-select__current__label__arrow-icon{color:var(--default-border-color);transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__transition{position:absolute;top:calc(100% + var(--spacing-8));left:0;width:100%}.k-select .k-select__menu-list{border:1px solid var(--default-border-color);background-color:var(--white-color);border-radius:var(--default-border-radius);overflow:hidden;z-index:var(--select-z-index)}.k-select .k-select__menu-list .k-select__menu-list__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--gray-color-100)}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--default-hover-background-color)}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:var(--default-placeholder-font-color)}.k-select.k-select--medium{width:240px;height:var(--input-medium-height)}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{height:var(--input-medium-height);padding:0 var(--spacing-8)}.k-select.k-select--small{width:200px;height:var(--input-small-height)}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{height:var(--input-small-height);padding:0 var(--spacing-8)}.dark .k-select{color:var(--dark-font-color);border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color)}.dark .k-select .k-select__current__label__arrow-icon{color:var(--dark-border-color)}.dark .k-select:hover{border-color:var(--dark-hover-border-color)}.dark .k-select:hover .k-select__current__label__arrow-icon{color:var(--dark-hover-border-color)}.dark .k-select.k-select--disabled{color:var(--dark-disabled-font-color);background:var(--dark-disabled-background-color)}.dark .k-select.k-select--disabled:hover{border-color:var(--dark-disabled-border-color)}.dark .k-select .k-select__menu-list{border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:var(--dark-border-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--dark-hover-background-color)}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:var(--gray-color-200);overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-color);opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:var(--white-color);border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.dark .k-switch{background-color:var(--gray-color-700)}.k-icon{display:inline-flex;justify-content:center;align-items:center;user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.k-drop-holder{display:inline-block;cursor:pointer}.k-drop-holder__popup__wrapper{padding:var(--spacing-12);border:1px solid #000}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:var(--spacing-8);border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);min-width:80px;font-family:var(--font-family);color:var(--default-font-color)}.k-card .k-card__title{font-size:var(--font-size-sub-title-1);line-height:var(--line-height-sub-title-1);font-weight:var(--font-weight-body)}.k-card .k-card__title+.k-card__sub-title{margin-top:var(--spacing-8)}.k-card .k-card__sub-title{font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);font-weight:var(--font-weight-body)}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.k-card.k-card__clickable:hover{box-shadow:var(--default-box-shadow);transform:translateY(-2px)}.k-card.k-card--outlined{border-color:var(--default-border-color);color:var(--default-font-color)}.dark .k-card{border-color:var(--dark-border-color);color:var(--dark-font-color)}.dark .k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.dark .k-card.k-card__clickable:hover{box-shadow:var(--dark-box-shadow);transform:translateY(-2px)}.k-accordion{border:1px solid var(--gray-color-300);border-radius:var(--default-border-radius);overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:var(--gray-color-50);list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:var(--gray-color-100)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function);cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--spacing-12) var(--spacing-14)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-10)}.k-accordion.k-accordion--small{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--spacing-8) var(--spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-8)}.dark .k-accordion{border-color:var(--dark-default-background-color)}.dark .k-accordion .k-accordion__summary{background:var(--gray-color-800)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:var(--dark-font-color)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{color:var(--white-color)}.dark .k-accordion .k-accordion__content{color:var(--dark-font-color);background-color:var(--gray-color-700)}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--default-font-color);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:var(--default-border-radius);background-color:var(--white-color);box-shadow:var(--default-box-shadow);overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--gray-color-100)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;padding:var(--spacing-2);background:none;border:none;color:inherit;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:var(--spacing-20) var(--spacing-16)}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--spacing-12) var(--spacing-12) var(--spacing-12)}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--black-color);opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - var(--spacing-32) * 2)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - var(--spacing-24) * 2)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - var(--spacing-16) * 2)}}.dark .k-modal__wrapper{color:var(--dark-font-color)}.dark .k-modal__wrapper .k-modal__container{background-color:var(--gray-color-800)}.dark .k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--white-color);opacity:.16}
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:var(--font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.k-ripple{position:absolute;opacity:.1;border-radius:50%}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-spinner--loading{display:inline-block;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--white-color: #ffffff;--black-color: #000000;--error-color: #ED2B2A;--success-color: #7DCE13;--warning-color: #FFFA4D;--eanble-color: #0079FF;--gray-color-50: #f8f9fa;--gray-color-100: #eceeef;--gray-color-200: #dee2e6;--gray-color-300: #ced4da;--gray-color-400: #adb5bd;--gray-color-500: #868e96;--gray-color-600: #495057;--gray-color-700: #343a40;--gray-color-800: #212529;--gray-color-900: #121416;--default-font-color: var(--gray-color-700);--default-disabled-font-color: var(--gray-color-500);--default-placeholder-font-color: #b3b3b3;--dark-font-color: var(--gray-color-100);--dark-disabled-font-color: var(--gray-color-500);--dark-placeholder-font-color: #b3b3b3;--default-border-color: var(--gray-color-500);--default-hover-border-color: var(--gray-color-800);--default-disabled-border-color: var(--gray-color-500);--dark-border-color: var(--gray-color-500);--dark-hover-border-color: var(--gray-color-200);--dark-disabled-border-color: var(--gray-color-600);--default-background-color: var(--white-color);--default-hover-background-color: var(--gray-color-50);--default-disabled-background-color: var(--gray-color-50);--dark-default-background-color: var(--black-color);--dark-hover-background-color: var(--gray-color-900);--dark-disabled-background-color: var(--gray-color-900);--default-ripple-color: var(--gray-color-300);--dark-ripple-color: var(--gray-color-400);--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-22: 22px;--spacing-24: 24px;--spacing-26: 26px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-34: 34px;--spacing-36: 36px;--spacing-38: 38px;--spacing-40: 40px;--input-medium-height: 40px;--input-small-height: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-size-title-1: 48px;--font-size-title-2: 32px;--font-size-title-3: 28px;--font-size-sub-title-1: 24px;--font-size-sub-title-2: 20px;--font-size-sub-title-3: 16px;--font-size-sub-1: 22px;--font-size-sub-2: 20px;--font-size-sub-3: 18px;--font-size-label-1: 16px;--font-size-label-2: 14px;--font-size-label-3: 12px;--line-height-title-1: 56px;--line-height-title-2: 40px;--line-height-title-3: 36px;--line-height-sub-title-1: 32px;--line-height-sub-title-2: 28px;--line-height-sub-title-3: 24px;--line-height-label-1: 24px;--line-height-label-2: 22px;--line-height-label-3: 20px;--line-height-sub-1: 30px;--line-height-sub-2: 28px;--line-height-sub-3: 26px;--font-weight-title: 600;--font-weight-body: 400;--font-weight-sub: 500;--font-size-body-1: 18px;--font-size-body-2: 16px;--font-size-body-3: 14px;--line-height-body-1: 24px;--line-height-body-2: 22px;--line-height-body-3: 20px;--font-weight-body-1: 400;--font-weight-body-2: 400;--font-weight-body-3: 400;--default-border-radius: 3px;--default-box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;--dark-box-shadow: rgba(255, 255, 255, .35) 0px 5px 15px;--default-transition-timing-function: ease;--select-z-index: 10}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);font-family:var(--font-family);color:var(--default-font-color);cursor:pointer;overflow:hidden;user-select:none;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-button .k-ripple{background-color:var(--default-ripple-color)}.k-button:hover{border-color:var(--default-hover-border-color);background:var(--default-hover-background-color)}.k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--default-disabled-border-color);background-color:var(--default-disabled-background-color)}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--small{height:32px;padding:0 var(--spacing-12)}.k-button.k-button--small .k-button__content{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-button.k-button--medium{height:36px;padding:0 var(--spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.dark .k-button{color:var(--dark-font-color);border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-button .k-ripple{background-color:var(--dark-ripple-color)}.dark .k-button:hover{border-color:var(--dark-hover-border-color);background:var(--dark-hover-background-color)}.dark .k-button[disabled]{color:var(--default-disabled-font-color);border-color:var(--dark-disabled-border-color);background-color:var(--dark-disabled-background-color)}.k-text-field{position:relative;display:flex;width:auto;font-size:0;font-family:var(--font-family)}.k-text-field .k-text-field__label__container{position:absolute;top:-5px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-2);color:var(--default-border-color);overflow:hidden}.k-text-field .k-text-field__label__container:before{content:"";top:49%;left:0;transform:translateY(-50%);height:2px;width:100%;position:absolute;background-color:var(--default-background-color);z-index:1}.k-text-field .k-text-field__label__container .k-text-field__label__text{display:inline-flex;justify-content:flex-start;align-items:center;gap:var(--spacing-2);line-height:1;white-space:nowrap;overflow:hidden;z-index:2;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function);transition-property:color}.k-text-field .k-text-field__label__container .k-text-field__label__text .k-text-field__label__text__required{color:var(--error-color)}.k-text-field .k-text-field__label__container .k-text-field__label__text.k-text-field__label__text--focus{color:var(--black-color)}.k-text-field .k-text-field__input__container{display:inline-flex;justify-content:space-between;align-items:center;height:100%;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--white-color);caret-color:var(--default-font-color);font-size:0;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__label__left-action,.k-text-field .k-text-field__input__container .k-text-field__label__right-action{display:inline-flex;justify-content:center;align-items:center;width:auto;height:100%;font-size:inherit;line-height:inherit;background-color:transparent}.k-text-field .k-text-field__input__container .k-text-field__input{width:100%;height:100%;padding:0;border:none;outline:none;background-color:transparent;color:var(--default-font-color);transition-property:color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--default-placeholder-font-color)}.k-text-field .k-text-field__input__container .k-text-field__icon{margin-right:var(--spacing-8);width:100%}.k-text-field:hover .k-text-field__label__container,.k-text-field:focus-within .k-text-field__label__container{color:var(--default-font-color)}.k-text-field:hover .k-text-field__input__container,.k-text-field:focus-within .k-text-field__input__container{border-color:var(--default-font-color)}.k-text-field.k-text-field__input--full-width.k-text-field--small .k-text-field__input__container,.k-text-field.k-text-field__input--full-width.k-text-field--medium .k-text-field__input__container{min-width:100%;width:100%}.k-text-field.k-text-field--disabled{color:var(--default-disabled-font-color);cursor:not-allowed}.k-text-field.k-text-field--disabled .k-text-field__label__container{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container{border-color:var(--default-disabled-font-color);background-color:var(--default-disabled-background-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--default-disabled-font-color)}.k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--default-disabled-font-color)}.k-text-field.k-text-field__input--password.k-text-field--large .k-text-field__input__container>.k-text-field__input{letter-spacing:4px}.k-text-field.k-text-field__input--password.k-text-field--medium .k-text-field__input__container>.k-text-field__input{letter-spacing:2px}.k-text-field.k-text-field__input--password.k-text-field--small .k-text-field__input__container>.k-text-field__input{letter-spacing:1px}.k-text-field.k-text-field--medium .k-text-field__label__container{left:10px}.k-text-field.k-text-field--medium .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--medium .k-text-field__input__container{min-width:300px;width:300px;height:var(--input-medium-height)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2;padding:0 var(--spacing-10)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-12)}.k-text-field.k-text-field--medium .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-12)}.k-text-field.k-text-field--small .k-text-field__label__container{left:8px}.k-text-field.k-text-field--small .k-text-field__label__container .k-text-field__label__text{font-size:12px}.k-text-field.k-text-field--small .k-text-field__input__container{min-width:260px;width:260px;height:var(--input-small-height)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__input{font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3;padding:0 var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__right-action{padding-right:var(--spacing-8)}.k-text-field.k-text-field--small .k-text-field__input__container .k-text-field__label__left-action{padding-left:var(--spacing-8)}.dark .k-text-field{color:var(--dark-font-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container:hover{border-color:var(--dark-hover-border-color)}.dark .k-text-field.k-text-field--disabled .k-text-field__input__container .k-text-field__input{color:var(--dark-disabled-font-color)}.dark .k-text-field:hover .k-text-field__label__container>.k-text-field__label__text,.dark .k-text-field:focus-within .k-text-field__label__container>.k-text-field__label__text{color:var(--dark-font-color)}.dark .k-text-field:hover .k-text-field__input__container,.dark .k-text-field:focus-within .k-text-field__input__container{border-color:var(--white-color)}.dark .k-text-field .k-text-field__label__container{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__label__container .k-text-field__label__text{color:var(--dark-border-color)}.dark .k-text-field .k-text-field__label__container:before{background-color:var(--dark-default-background-color)}.dark .k-text-field .k-text-field__input__container{border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color);caret-color:var(--white-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input{color:var(--dark-font-color)}.dark .k-text-field .k-text-field__input__container .k-text-field__input::placeholder{color:var(--dark-placeholder-font-color)}.k-select{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6);min-width:80px;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);background:var(--default-background-color);white-space:nowrap;cursor:pointer;user-select:none;transition-property:border-color;transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select:hover{border-color:var(--default-hover-border-color)}.k-select:hover .k-select__current__label__arrow-icon{color:var(--default-hover-border-color)}.k-select.k-select--disabled{color:var(--default-disabled-font-color);background:var(--default-disabled-background-color);cursor:not-allowed}.k-select.k-select--disabled:hover{border-color:var(--default-border-color)}.k-select .k-select__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label-text__placeholder{color:var(--default-placeholder-font-color)}.k-select .k-select__current__label__arrow-icon{color:var(--default-border-color);transition-duration:.3s;transition-timing-function:var(--default-transition-timing-function)}.k-select.k-select--open .k-select__current__label__arrow-icon{transform:rotate(180deg)}.k-select.k-select--open .k-select__menu-list{height:auto}.k-select .k-select__transition{position:absolute;top:calc(100% + var(--spacing-8));left:0;width:100%;z-index:9999}.k-select .k-select__menu-list{border:1px solid var(--default-border-color);background-color:var(--white-color);border-radius:var(--default-border-radius);overflow:hidden;z-index:var(--select-z-index)}.k-select .k-select__menu-list .k-select__menu-list__item{display:flex;justify-content:flex-start;align-items:center;width:100%;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--gray-color-100)}.k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--default-hover-background-color)}.k-select .k-select__menu-list .k-select__menu-list__item:last-child{border:none}.k-select .k-select__menu-list .k-select__menu-list__item-no-data{color:var(--default-placeholder-font-color)}.k-select.k-select--medium{width:240px;height:var(--input-medium-height)}.k-select.k-select--medium,.k-select.k-select--medium+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body)-2}.k-select.k-select--medium .k-select__menu-list .k-select__menu-list__item{height:var(--input-medium-height);padding:0 var(--spacing-8)}.k-select.k-select--small{width:200px;height:var(--input-small-height)}.k-select.k-select--small,.k-select.k-select--small+.k-select__template{padding:0 var(--spacing-8);font-size:var(--font-size-body-3);line-height:var(--line-height-body-3);font-weight:var(--font-weight-body)-3}.k-select.k-select--small .k-select__menu-list .k-select__menu-list__item{height:var(--input-small-height);padding:0 var(--spacing-8)}.dark .k-select{color:var(--dark-font-color);border:1px solid var(--dark-border-color);border-radius:var(--default-border-radius);background:var(--dark-default-background-color)}.dark .k-select .k-select__current__label__arrow-icon{color:var(--dark-border-color)}.dark .k-select:hover{border-color:var(--dark-hover-border-color)}.dark .k-select:hover .k-select__current__label__arrow-icon{color:var(--dark-hover-border-color)}.dark .k-select.k-select--disabled{color:var(--dark-disabled-font-color);background:var(--dark-disabled-background-color)}.dark .k-select.k-select--disabled:hover{border-color:var(--dark-disabled-border-color)}.dark .k-select .k-select__menu-list{border-color:var(--dark-border-color);background-color:var(--dark-default-background-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item{border-color:var(--dark-border-color)}.dark .k-select .k-select__menu-list .k-select__menu-list__item:hover{background:var(--dark-hover-background-color)}.k-switch{position:relative;border:none;cursor:pointer;margin:0;padding:0;background-color:var(--gray-color-200);overflow:hidden}.k-switch .k-switch__active-background,.k-switch .k-switch__default-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .24s ease}.k-switch .k-switch__active-background{background-color:#068fff}.k-switch.k-switch--on>.k-switch__active-background{opacity:1}.k-switch.k-switch--on>.k-switch__default-background{opacity:0}.k-switch.k-switch--disabled{cursor:not-allowed}.k-switch.k-switch--disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-color);opacity:.16;z-index:1}.k-switch .k-switch__toggle{position:absolute;font-size:0;background:var(--white-color);border-radius:50%;transition:left .3s ease;z-index:1}.k-switch.k-switch--medium{width:54px;height:30px;border-radius:16px}.k-switch.k-switch--medium .k-switch__toggle{width:24px;height:24px}.k-switch.k-switch--medium.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 27px)}.k-switch.k-switch--medium.k-switch--off .k-switch__toggle{top:3px;left:3px}.k-switch.k-switch--small{width:48px;height:26px;border-radius:14px}.k-switch.k-switch--small .k-switch__toggle{width:20px;height:20px}.k-switch.k-switch--small.k-switch--on .k-switch__toggle{top:3px;left:calc(100% - 23px)}.k-switch.k-switch--small.k-switch--off .k-switch__toggle{top:3px;left:3px}.dark .k-switch{background-color:var(--gray-color-700)}.k-icon{display:inline-flex;justify-content:center;align-items:center;user-select:none;fill:#333}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{cursor:not-allowed}.k-icon svg{width:100%;height:100%}.k-icon.k-icon--large svg{font-size:42px;width:42px;height:42px}.k-icon.k-icon--medium svg{font-size:36px;width:36px;height:36px}.k-icon.k-icon--small svg{font-size:28px;width:28px;height:28px}.k-drop-holder{display:inline-block;cursor:pointer}.k-drop-holder__popup__wrapper{padding:var(--spacing-12);border:1px solid #000}.k-card{position:relative;display:inline-flex;flex-direction:column;padding:var(--spacing-8);border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);min-width:80px;font-family:var(--font-family);color:var(--default-font-color)}.k-card .k-card__title{font-size:var(--font-size-sub-title-1);line-height:var(--line-height-sub-title-1);font-weight:var(--font-weight-body)}.k-card .k-card__title+.k-card__sub-title{margin-top:var(--spacing-8)}.k-card .k-card__sub-title{font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);font-weight:var(--font-weight-body)}.k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.k-card.k-card__clickable:hover{box-shadow:var(--default-box-shadow);transform:translateY(-2px)}.k-card.k-card--outlined{border-color:var(--default-border-color);color:var(--default-font-color)}.dark .k-card{border-color:var(--dark-border-color);color:var(--dark-font-color)}.dark .k-card.k-card__clickable{cursor:pointer;transition-property:box-shadow,transform;transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function)}.dark .k-card.k-card__clickable:hover{box-shadow:var(--dark-box-shadow);transform:translateY(-2px)}.k-accordion{border:1px solid var(--gray-color-300);border-radius:var(--default-border-radius);overflow:hidden}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease;background:var(--gray-color-50);list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:hover{background:var(--gray-color-100)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition-duration:.2s;transition-timing-function:var(--default-transition-timing-function);cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--spacing-12) var(--spacing-14)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-10)}.k-accordion.k-accordion--small{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body)-1}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--spacing-8) var(--spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--spacing-8)}.dark .k-accordion{border-color:var(--dark-default-background-color)}.dark .k-accordion .k-accordion__summary{background:var(--gray-color-800)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__container{color:var(--dark-font-color)}.dark .k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{color:var(--white-color)}.dark .k-accordion .k-accordion__content{color:var(--dark-font-color);background-color:var(--gray-color-700)}@keyframes modalScaleUp{0%{transform:scale(1)}to{transform:scale(1.016)}}@keyframes modalScaleDown{0%{transform:scale(1.016)}to{transform:scale(1)}}.k-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;color:var(--default-font-color);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .24s forwards}.k-modal__wrapper.k-modal__wrapper--close{animation:fadeOut .24s forwards}.k-modal__wrapper.k-modal__wrapper--close .k-modal__container{animation:modalScaleUp .16s ease-in forwards}.k-modal__wrapper .k-modal__container{z-index:1002;border-radius:var(--default-border-radius);background-color:var(--white-color);box-shadow:var(--default-box-shadow);overflow:hidden;animation:modalScaleDown .16s ease-out forwards}.k-modal__wrapper .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--gray-color-100)}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:18px;line-height:24px;font-weight:700}.k-modal__wrapper .k-modal__container .k-modal__container__header .k-modal__container__header__close-button{position:relative;padding:var(--spacing-2);background:none;border:none;color:inherit;cursor:pointer;overflow:hidden}.k-modal__wrapper .k-modal__container .k-modal__container__content{padding:var(--spacing-20) var(--spacing-16)}.k-modal__wrapper .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--spacing-12) var(--spacing-12) var(--spacing-12)}.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:824px;width:100%}.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:640px;width:100%}.k-modal__wrapper .k-modal-wrapper__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--black-color);opacity:.16}.k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--transparent{background-color:transparent;opacity:0}@media screen and (max-width: 1040px){.k-modal__wrapper .k-modal__container.k-modal__container--large{max-width:calc(100% - var(--spacing-32) * 2)}}@media screen and (max-width: 824px){.k-modal__wrapper .k-modal__container.k-modal__container--medium{max-width:calc(100% - var(--spacing-24) * 2)}}@media screen and (max-width: 640px){.k-modal__wrapper .k-modal__container.k-modal__container--small{max-width:calc(100% - var(--spacing-16) * 2)}}.dark .k-modal__wrapper{color:var(--dark-font-color)}.dark .k-modal__wrapper .k-modal__container{background-color:var(--gray-color-800)}.dark .k-modal__wrapper .k-modal-wrapper__overlay.k-modal-wrapper__overlay--active{background-color:var(--white-color);opacity:.16}
|