@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap";html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(*),:where(*:before),:where(*:after){margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-decoration:none;font-size:1rem;font-weight:400;background-color:transparent;border:none;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;overscroll-behavior-y:none;margin-inline-start:0;margin-inline-end:0;margin-block-start:0;margin-block-end:0}:where(*:focus),:where(*:focus-visible),:where(*:focus-within){outline:none}:where(a:link,a:visited,a:active,a:link:active,a:visited:active){text-decoration:none;color:inherit}:where(button,button[type],input[type=button],input[type=submit],input[type=reset])[disabled]{cursor:default}:where(ol,ul){list-style-type:none;list-style-position:inside}*{line-height:calc(.5rem + 1em)}html{block-size:100%;-webkit-text-size-adjust:none}@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}@supports (resize: block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(ul,ol)[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type=file]){cursor:auto}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer}:where(button,button[type],input[type=button],input[type=submit],input[type=reset]),:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:center}@media screen and (min-width:0px){html{font-size:16px}.item-container[data-size="1"],.item-container[data-size="2"]{min-width:150px;width:100%}}@media screen and (min-width:1080px){html{font-size:14px}.item-container[data-size="1"]{width:150px}.item-container[data-size="2"]{width:calc(300px + 1rem)}}.relative{position:relative}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.p-2{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0}.flex-2{flex:2 1 0}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1_2{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.text-left{text-align:left!important}.text-right{text-align:right!important}.cursor-default{cursor:default}.success-500{color:var(--clr-success-500)}.info-500{color:var(--clr-info-500)}.warn-500{color:var(--clr-warn-500)}.error-500{color:var(--clr-red-500)}.ellipsis{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.required:after{content:"*";margin-left:.25rem;color:var(--clr-red-500)}.cursor-pointer{cursor:pointer}:root{--clr-primary-25: #f4f8ff;--clr-primary-50: #e8f1fe;--clr-primary-100: #d1e3fe;--clr-primary-200: #a3c7fd;--clr-primary-300: #76abfb;--clr-primary-400: #488ffa;--clr-primary-500: #1a73f9;--clr-primary-600: #155cc7;--clr-primary-700: #104595;--clr-white: #ffffff;--clr-gray-25: #f0f0f0;--clr-gray-50: #e0e0e0;--clr-gray-100: #dddddd;--clr-gray-200: #dfe2e5;--clr-gray-300: #aaaaaa;--clr-gray-500: #666666;--clr-gray-600: #525252;--clr-gray-700: #3d3d3d;--clr-gray-800: #292929;--clr-gray-900: #141414;--clr-black: #111111;--clr-cool-gray-100: #f1f2f5;--clr-cool-gray-200: #dfe1e5;--clr-cool-gray-300: #a2a6ab;--clr-cool-gray-500: #61666c;--clr-cool-black: #03132a;--clr-red-50: #fee8e6;--clr-red-100: #fdd1cc;--clr-red-200: #faa299;--clr-red-300: #f87466;--clr-red-400: #f54533;--clr-red-500: #f31700;--clr-info-100: #d9d9f6;--clr-info-500: #3f3fd0;--clr-success-100: #dbf0e0;--clr-success-400: #6dc584;--clr-success-500: #49b665;--clr-warn-100: #fff3cc;--clr-warn-500: #ffc400;--clr-error-100: #fdd1cc;--clr-error-500: #f31700;--clr-font: var(--clr-black);--clr-background: #fafafa;--clr-filter-keyword-background: var(--clr-white);--clr-dropdown-background: var(--clr-white);--clr-nav-font: var(--clr-gray-300);--clr-nav-font-active: var(--clr-gray-100);--clr-nav-toggle-background: var(--clr-gray-800);--clr-nav-toggle-background-active: var(--clr-gray-700);--clr-nav-background: var(--clr-gray-800);--clr-nav-background-active: var(--clr-gray-700);--clr-nav-accordion-active: var(--clr-gray-500);--clr-dashboard-chart-primary: var(--clr-primary-500);--clr-dashboard-chart-secondary: var(--clr-primary-300);--clr-dashboard-chart-tertiary: var(--clr-primary-100);--z-loading-component: 900;--z-navigation-component: 999;--z-modal-component: 1000;--z-header-component: 2000;--z-popup-component: 3000;--z-image-modal-component: 4000;--z-dialog-component: 9000}.quill{position:relative;width:100%;display:flex;flex-direction:column;height:inherit}.ql-container{flex:1;overflow:auto;font-family:inherit}.ql-editor{height:280px;overflow:auto}.custom-toolbar{display:flex;gap:.5rem}.custom-toolbar button.toolbar-btn{display:flex;justify-content:center;align-items:center}.custom-toolbar button.toolbar-btn:hover,.custom-toolbar button.toolbar-btn:focus{border:1px solid var(--clr-cool-gray-500)!important}.toolbar-select .ql-picker-label{display:flex;align-items:center;justify-content:center;outline:none;padding:0}.toolbar-select .ql-picker-label:hover,.toolbar-select .ql-picker-label:focus{border:1px solid var(--clr-cool-gray-500)}.toolbar-select.ql-expanded .ql-picker-options[aria-hidden=false]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.toolbar-select .ql-picker-options .ql-picker-item{width:100%;display:flex;align-items:center;justify-content:center}.toolbar-select .ql-picker-options .ql-picker-item:hover,.toolbar-select .ql-picker-options .ql-picker-item:focus{box-shadow:0 0 1px var(--clr-cool-gray-500)}.toolbar-select.ql-size{width:100px}.toolbar-select.ql-size .ql-picker-label svg{width:1rem!important;margin:0!important;transform:translateY(-50%)!important}.ql-size-small,.ql-size span[data-value=small]:before{font-size:.875m!important}.ql-size-medium,.ql-size span[data-value=medium]:before{font-size:1rem!important}.ql-size-large,.ql-size span[data-value=large]:before{font-size:1.5rem!important}.ql-size-huge,.ql-size span[data-value=huge]:before{font-size:2rem!important}.toolbar-select.ql-align{width:32px}.table-wrapper{position:relative;max-height:100%;display:flex;flex-direction:column;overflow-x:auto;overscroll-behavior:auto;touch-action:auto}.table-actions{display:flex;gap:1rem}.table-filters{display:none;gap:1rem}.table-filters[aria-expanded=true]{display:flex}.table-filters>.left{flex-wrap:wrap}.table-filters .filter-duration>.item-container-content>*:first-child{flex:1}.table-filters .filter-by>.item-container-content>*{flex:1}.table-filters .filter-keyword{background-color:var(--clr-filter-keyword-background);border-radius:.25rem}.table-no-results{width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:var(--clr-gray-300)}.table-no-results svg{width:3rem;height:3rem}table.table-content{flex:1;position:relative;table-layout:auto;border-collapse:separate;border-spacing:0}table.table-content thead{position:sticky;top:0}table.table-content thead tr th{padding:0 .5rem;min-height:2.75rem;height:2.75rem;background-color:transparent;border-bottom:4px solid var(--clr-primary-300)}table.table-content thead tr.no-border th{border-bottom:none}table.table-content thead tr th:hover{background-color:var(--clr-primary-300)}table.table-content thead tr th span{text-align:left}table.table-content tbody tr{min-height:2.75rem;height:2.75rem}table.table-content tbody tr:hover td{background-color:var(--clr-primary-25)}table.table-content tbody tr[data-selected=true] td,table.table-content tbody tr[data-selected=true] td.col-actions{background-color:var(--clr-primary-100)!important}table.table-content tbody tr td{padding:0 .5rem;min-height:2.75rem;border-bottom:1px solid var(--clr-gray-100)}table.table-content tbody tr td:not(:first-of-type){border-left:.5px solid var(--clr-gray-100)}table.table-content tbody tr td:not(:last-of-type){border-right:.5px solid var(--clr-gray-100)}table.table-content .col-image{min-width:100px}table.table-content tbody tr td.col-image{padding:.5rem;display:flex;justify-content:center;align-items:center}table.table-content .col-image>.image-container{width:75px;height:75px;display:flex;justify-content:center;align-items:center}table.table-content .col-image>.image-container>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}table.table-content .col-select{position:sticky;left:0;background-color:var(--clr-background)}table.table-content tr td.col-select .table-cell-content{display:flex;justify-content:center}table.table-content .col-actions{position:sticky;right:0;background-color:var(--clr-background)}table.table-content tbody tr td.col-actions .table-cell-content{display:flex;gap:1rem;justify-content:space-evenly}@media screen and (min-width:0px){.table-filters>div{width:100%;flex-direction:column}}@media screen and (min-width:1080px){.table-filters>div{width:unset;flex-direction:row}}:root{font-family:Noto Sans KR,Noto Sans JP,Noto Sans SC,Roboto,sans-serif}html{color:var(--clr-font);background-color:var(--clr-background)}body{margin:0;display:flex;place-items:center;min-width:320px;width:100%;height:100%;overflow:hidden auto}#root{width:inherit;height:inherit;display:flex;flex-direction:column}:where(h1){font-size:2rem;font-weight:700}:where(h2){font-size:1.5rem;font-weight:700}:where(h3){font-size:1.25rem;font-weight:700}:where(p){font-size:inherit;font-weight:inherit}:where(span){font-size:inherit;font-weight:inherit}:where(small){font-size:.875rem;font-weight:inherit}:where(b){font-size:inherit;font-weight:700}:where(u){font-size:inherit;font-weight:inherit;text-decoration:underline}:where(s){font-size:inherit;font-weight:inherit;text-decoration:line-through}:where(svg){min-width:1rem;width:1rem;min-height:1rem;height:1rem}.spacer{display:block;height:80px}.vline{display:block;height:1rem;width:1px;background-color:var(--clr-gray-300)}.is-loading-pulse{display:inline-block;width:100%;height:1.5rem;border-radius:4px;background:linear-gradient(90deg,#e0e0e0,#f5f5f5,#e0e0e0);background-size:200% 100%;animation:pulse 5s infinite}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.content{flex:1 1 0%;display:flex;flex-direction:column;gap:2rem}.page-actions,.page-filters,.item-container-content{width:100%;display:flex;gap:1rem}.page-actions .left{flex-wrap:wrap}.item-container{min-height:2.25rem}.summary-wrapper{position:relative;width:min(640px,100%);overflow-x:auto;background-color:var(--clr-white);border-radius:.25rem;box-shadow:#00000013 0 10px 25px;opacity:0;transform:translateY(10px);animation:fadeIn .4s ease-out forwards}.summary-content{position:relative;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.summary-content:before{content:"";position:absolute;left:0;top:0;width:.25rem;height:100%;background-color:var(--clr-primary-300);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.summary-content>ul{display:flex;flex-direction:column;gap:.25rem}.summary-content>ul>li>div{display:flex;gap:.25rem}.summary-content>ul>li>div>span{flex:1}.summary-content>ul>li.header{height:2px;background:var(--clr-primary-100)}.summary-content>ul>li.footer{height:2px;background:var(--clr-gray-50)}.left{margin-right:auto;display:flex;gap:1rem}.right{margin-left:auto;display:flex;gap:1rem}#sign-in{height:100vh;display:flex;justify-content:center;align-items:center}.sign-in-form{padding:2rem;width:min(420px,calc(100% - 2rem));display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:var(--clr-white);box-shadow:#32325d40 0 50px 100px -20px}.sign-in-form .form-item{width:100%}.text-input-wrapper{position:relative;height:2.25rem;padding:0 1rem;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1rem;border:1px solid var(--clr-gray-50);border-radius:.25rem;transition:.3s}.text-input-wrapper:focus-within{border:1px solid var(--clr-primary-100);box-shadow:0 0 4px var(--clr-primary-500)}.text-input-wrapper input{flex:1;width:1px;height:100%;border:none;transition:.3s}.text-input-wrapper input:read-only{border:none;cursor:default}.text-input-wrapper input:disabled{cursor:default}.text-input-wrapper input:-webkit-autofill,.text-input-wrapper input:-webkit-autofill:hover,.text-input-wrapper input:-webkit-autofill:focus,.text-input-wrapper input:-webkit-autofill:active{transition:background-color 9999s ease-in-out 0s;-webkit-text-fill-color:var(--clr-font)!important}.text-input-wrapper input:focus,.text-input-wrapper input:focus-visible,.text-input-wrapper input:focus-within{outline:none}.text-input-wrapper button{width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;border:transparent;border-radius:9999px;transition:.3s}.text-input-wrapper button:focus,.text-input-wrapper button:hover{background:var(--clr-gray-50)}@media(hover:none){.text-input-wrapper button:focus{background:none}}.text-input-wrapper[data-disabled=true]{border:none}.text-input-wrapper[data-readonly=true]{background-color:var(--clr-gray-50)}.button{--clr-icon-button-white: #fff;--clr-icon-button-black: #111;position:relative;padding:0 1rem;width:100%;height:2.25rem;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:.25rem;transition:all .1s ease-out;color:var(--clr-black);background-color:var(--clr-gray-100)}.button:focus{outline:none;color:var(--clr-icon-button-white);background-color:var(--clr-gray-500)}@media(hover:hover){.button:hover{color:var(--clr-icon-button-white);background-color:var(--clr-gray-500)}}.button.primary{color:var(--clr-icon-button-white);background-color:var(--clr-primary-500)}.button.primary:focus{color:var(--clr-icon-button-white);background-color:var(--clr-primary-500)}@media(hover:hover){.button.primary:hover{background-color:var(--clr-primary-600)}}.button.primary-light{color:var(--clr-primary-500);background-color:var(--clr-primary-100)}.button.primary-light:focus{color:var(--clr-primary-100);background-color:var(--clr-primary-500)}@media(hover:hover){.button.primary-light:hover{color:var(--clr-primary-100);background-color:var(--clr-primary-500)}}.button.hover-primary-light{color:var(--clr-icon-button-black);background-color:transparent;border:1px inset transparent}.button.hover-primary-light:focus{background-color:var(--clr-primary-100)}@media(hover:hover){.button.hover-primary-light:hover{background-color:var(--clr-primary-100)}}.button.success{color:var(--clr-success-500, #49b665);background-color:#dbf0e0}.button.success:focus{color:var(--clr-icon-button-white);background-color:var(--clr-success-500, #49b665)}@media(hover:hover){.button.success:hover{color:var(--clr-icon-button-white);background-color:var(--clr-success-500, #49b665)}}.button.warn{color:var(--clr-warn-500, #ffc400);background-color:var(--clr-warn-100, #fff3cc)}.button.warn:focus{color:var(--clr-icon-button-white);background-color:var(--clr-warn-500, #ffc400)}@media(hover:hover){.button.warn:hover{color:var(--clr-icon-button-white);background-color:var(--clr-warn-500, #ffc400)}}.button.error{color:var(--clr-error-500, #f31700);background-color:var(--clr-error-100, #fdd1cc)}.button.error:focus{color:var(--clr-icon-button-white);background-color:var(--clr-error-500, #f31700)}@media(hover:hover){.button.error:hover{color:var(--clr-icon-button-white);background-color:var(--clr-error-500, #f31700)}}.button:disabled{color:var(--clr-icon-button-white);background-color:var(--clr-gray-100)!important}.button svg{width:1rem;height:1rem}.button-loading{width:1rem;height:1rem;border:.1rem solid #fff;border-bottom-color:transparent;border-radius:9999px;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#header{position:sticky;top:0;padding-left:1rem;padding-right:1rem;width:100%;min-height:3rem;height:3rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--clr-white);z-index:var(--z-header-component)}#header h2{font-size:1rem}#header.actions{height:100%}#header-right{height:100%;display:flex;align-items:center;gap:1rem}#header-right .header-button{height:inherit;position:relative;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}#header-right .header-button svg{width:inherit;color:var(--clr-gray-500)}#header-right .header-list{height:inherit;display:flex;align-items:center}#header-right .header-list-item{position:relative;min-width:4rem;height:100%;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}#header-right .header-list-item>*:first-child{padding:0 1rem;display:flex;justify-content:center;align-items:center;height:inherit;min-width:inherit}#header-right .header-list-item>*:first-child:after{content:"";width:100%;position:absolute;bottom:0}#header-right .header-list-item *:first-child:not(.active):focus:after,#header-right .header-list-item *:first-child:not(.active):hover:after{left:0;border-bottom:4px solid var(--clr-primary-300)}#header-right .header-list-item *:first-child.active:after{left:0;border-bottom:4px solid var(--clr-primary-500)}#header-right .header-list-item:hover>ul{display:flex}#header-right .header-sublist{position:absolute;top:100%;left:50%;width:max-content;flex-direction:column;background-color:var(--clr-white);transform:translate(-50%) translateY(-1rem);display:none}#header-right .header-sublist[data-align=right]{left:unset;right:0;transform:translate(0) translateY(0)}#header-right .header-sublist[data-align=center]{left:50%;right:unset;transform:translate(-50%) translateY(0)}#header-right .header-sublist[data-align=left]{left:0;right:unset;transform:translate(0) translateY(0)}#header-right .header-sublist-item{position:relative;width:100%;display:inline-flex;transition:all .1s ease-out}#header-right .header-sublist-item:after{content:"";position:absolute;bottom:0;width:100%;border-bottom:4px inset var(--clr-gray-100)}#header-right .header-sublist-item:hover:after{border-bottom:4px inset var(--clr-primary-300)}#header-right .header-sublist-item>*{padding:0 1rem;height:4rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-wrap:nowrap}#header-right .header-sublist-item>*>svg{color:var(--clr-gray-300);width:1rem;height:1rem}@media screen and (min-width:0px){#synthoria-admin-change-password{grid-column:content-start / content-end;justify-self:center;align-self:center;width:min(100%,420px);display:flex;flex-direction:column;gap:1rem}#synthoria-admin-change-password>h1,#synthoria-admin-change-password>h2,#synthoria-admin-change-password>p{text-align:center}#synthoria-admin-change-password ul li[data-valid=true]{color:var(--clr-primary-500)}#synthoria-admin-change-password .actions{display:flex;gap:1rem}#synthoria-admin-change-password .check-icon{align-self:center;width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;border-radius:9999px;color:var(--clr-primary-500);background-color:var(--clr-primary-100)}#synthoria-admin-change-password .check-icon svg{width:3rem;height:3rem}}.custom-dialog::backdrop{background-color:#0006}.custom-dialog{margin:auto;width:min(410px,calc(100% - 2rem));min-height:200px;max-height:80vh;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;scrollbar-width:thin;z-index:var(--z-dialog-component, 9000);animation:CustomDialogSlideInFromBottom .15s cubic-bezier(0,0,.2,1)}.custom-dialog.active{animation:CustomDialogSlideInFromBottom .15s cubic-bezier(0,0,.2,1) forwards}.custom-dialog.closing{animation:CustomDialogSlideOutToBottom .15s cubic-bezier(0,0,.2,1) forwards}@media(prefers-reduced-motion:reduce){.custom-dialog,.custom-dialog.active,.custom-dialog.closing,.custom-dialog::backdrop{animation:none}}.custom-dialog .header{flex-shrink:0;width:100%;height:100%}.custom-dialog .content{flex:1;width:100%}.custom-dialog .footer{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.custom-dialog{background-color:var(--clr-white)}#dashboard{grid-column:content-start / content-end}#dashboard .page-actions{max-width:1440px}#dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dashboard-grid-item{padding:1rem;height:100%;display:flex;flex-direction:column;gap:.5rem;background-color:var(--clr-white);border-radius:.25rem;box-shadow:#00000013 0 10px 25px}.dashboard-grid-item:before{content:"";position:absolute;left:0;top:0;width:.25rem;height:100%;background-color:var(--clr-primary-300);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.dashboard-grid-item[data-error=true]{opacity:.25!important}.dashboard-grid-item[data-error=true]:before{background-color:var(--clr-red-300)!important}.dashboard-grid-item>a{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:9999px}.dashboard-grid-item>a:focus,.dashboard-grid-item>a:hover{background-color:var(--clr-gray-100)}.dashboard-grid-item>ul{display:flex;flex-direction:column;gap:.25rem}.dashboard-grid-item .table-like{display:flex;justify-content:space-between;align-items:center}.dashboard-grid-item .flex-table{display:flex;flex-direction:column}.dashboard-grid-item .flex-table>.flex-table-header{display:flex}.dashboard-grid-item .flex-table>.flex-table-row{display:flex}.flex-table-header .flex-table-cell{padding:0 .5rem;min-height:2.75rem;flex-grow:1;border-bottom:4px solid var(--clr-primary-300)}.flex-table-cell{flex:1;overflow:hidden;padding:0 .5rem;min-height:2.75rem;display:flex;align-items:center;background-color:var(--clr-white)}.flex-table-row .flex-table-cell:not(:last-of-type){border-right:1px solid var(--clr-gray-100)}.flex-table-row .flex-table-cell{border-bottom:1px solid var(--clr-gray-100)}.flex-table .empty-table{caption-side:bottom;padding:2rem;color:var(--clr-gray-500);border-bottom:1px solid var(--clr-gray-100)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.dashboard-grid-item .hidden{display:none}.dashboard-grid-item span[data-growth=positive]{color:var(--clr-success-500)}.dashboard-grid-item span[data-growth=negative]{color:var(--clr-error-500)}.dashboard-grid-item .grid-item-main-text{font-size:3rem}.dashboard-grid-item ul{display:flex;flex-direction:column;gap:.25rem}.dashboard-grid-item ul>li>div{display:flex;gap:.25rem}.dashboard-grid-item ul>li>div>span{flex:1}.dashboard-grid-item ul>li.header{height:2px;background:var(--clr-primary-100)}.dashboard-grid-item ul>li.footer{height:2px;background:var(--clr-gray-50)}[data-name=today-soria-recharge-amount],[data-name=today-new-user-count],[data-name=today-user-access-count],[data-name=current-user-access-count],[data-name=user-count]{grid-column:span 3}[data-name=user-device-count]{grid-column:span 6}[data-name=inquiry-count]{grid-column:span 3}[data-name=item-sales-summary]{grid-column:span 9}[data-name=today-video-view-count]{grid-column:span 3}@media screen and (min-width:0px){#dashboard-grid{display:flex;flex-direction:column}.dashboard-grid-item-content{display:flex;flex-direction:column;gap:1rem}}@media screen and (min-width:1080px){#dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr)}.dashboard-grid-item-content{flex-direction:row}}.synthoria-loading-component{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent}.synthoria-loading-component span{width:3rem;height:3rem;border-radius:9999px;display:inline-block;animation:loadingRotate .8s linear infinite}@keyframes loadingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.synthoria-loading-component{z-index:var(--z-loading-component, 900)}.synthoria-loading-component span{border:.25rem solid var(--clr-primary-500);border-bottom-color:transparent}.pie-chart{width:min(300px,100%);display:flex;flex-direction:column;gap:1rem;align-items:center}.pie-chart-canvas-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pie-chart-legend-item{display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.pie-chart-legend-item div{width:1rem;height:1rem;border-radius:.25rem}@media screen and (min-width:0px){.pie-chart-legend{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.25rem}}@media screen and (min-width:625px){.pie-chart-legend{flex-direction:row;gap:1rem;flex-wrap:wrap}}#activity-map{position:relative;grid-column:full-start / full-end;overflow:hidden}#activity-map .map-layer{position:absolute}#activity-map .label-layer{position:absolute;pointer-events:none;z-index:1}#activity-map .marker-layer{position:absolute;z-index:2}#activity-map ul.user-controls{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:end;gap:1rem;z-index:3}#activity-map ul.user-controls .maptype-thumbnail{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}#activity-map ul.user-controls .maptype-thumbnail img{border-radius:.25rem;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}#activity-map ul.user-controls .maptype-thumbnail span{text-shadow:0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 2px #fff}#activity-map footer{position:absolute;left:50%;bottom:-4rem;padding:0 2rem;width:min(400px,calc(100vw - 2rem));height:4rem;display:flex;justify-content:space-between;align-items:center;border-radius:1rem;background-color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;transition:all .3s ease-out;transform:translate(-50%);z-index:3}#activity-map footer.active{position:absolute;left:50%;bottom:2rem}@media screen and (min-width:0px){#activity-map header{position:absolute;top:1rem;left:2rem;width:200px}}@media screen and (min-width:1080px){#activity-map header{left:4rem}}.synthoria-dropdown{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.25rem;background-color:var(--clr-dropdown-background);transition:.3s}.synthoria-dropdown>button{width:100%;height:2.25rem;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;text-align:unset;border:1px solid var(--clr-gray-50);border-radius:.25rem;transition:.3s}.synthoria-dropdown>button:focus{box-shadow:0 0 4px var(--clr-primary-500)}.synthoria-dropdown[aria-expanded=true]{z-index:1}.synthoria-dropdown[aria-expanded=true]>button{box-shadow:0 0 4px var(--clr-primary-500)}.synthoria-dropdown[aria-expanded=true]>button>svg{rotate:180deg}.synthoria-dropdown>button:disabled{background-color:var(--clr-gray-50)}.synthoria-dropdown[aria-expanded=true] ul{display:flex!important}.synthoria-dropdown>button svg{transition:rotate .15s linear}.synthoria-dropdown>ul{position:absolute;top:2.5rem;width:100%;max-height:10rem;display:none;flex-direction:column;background-color:var(--clr-dropdown-background);border:1px solid var(--clr-gray-50);border-radius:.25rem;box-shadow:#00000026 0 10px 25px;overflow-y:auto}.synthoria-dropdown>ul>li>button{width:100%;height:2.25rem;padding:0 1rem;display:flex;flex-direction:row;align-items:center;text-align:unset}.synthoria-dropdown>ul>li>button:focus,.synthoria-dropdown>ul>li>button:hover{background-color:var(--clr-primary-100)}.synthoria-dropdown>ul>li>button[aria-selected=true]{background-color:var(--clr-primary-300)}.icon-button{--clr-icon-button-white: #fff;--clr-icon-button-black: #111;position:relative;min-width:2.25rem;width:2.25rem;height:2.25rem;display:flex;justify-content:center;align-items:center;border-radius:.25rem;transition:all .1s ease-out;color:var(--clr-black);background-color:var(--clr-gray-100)}.icon-button:hover{color:var(--clr-icon-button-white);background-color:var(--clr-gray-500)}.icon-button.shadow{box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.icon-button.primary{color:var(--clr-icon-button-white);background-color:var(--clr-primary-500)}.icon-button.primary:hover,.icon-button.primary:focus{background-color:var(--clr-primary-600)}.icon-button.primary-light{color:var(--clr-primary-500);background-color:var(--clr-primary-100)}.icon-button.primary-light:hover,.icon-button.primary-light:focus{color:var(--clr-primary-100);background-color:var(--clr-primary-500)}.icon-button.hover-primary-light{color:var(--clr-icon-button-black);background-color:transparent;border:1px inset transparent}.icon-button.hover-primary-light:hover,.icon-button.hover-primary-light:focus{background-color:var(--clr-primary-100)}.icon-button.success{color:var(--clr-success-500, #49b665);background-color:var(--clr-success-100, #dbf0e0)}.icon-button.success:hover,.icon-button.success:focus{color:var(--clr-icon-button-white);background-color:var(--clr-success-500, #49b665)}.icon-button.warn{color:var(--clr-warn-500, #ffc400);background-color:var(--clr-warn-100, #fff3cc)}.icon-button.warn:hover,.icon-button.warn:focus{color:var(--clr-icon-button-white);background-color:var(--clr-warn-500, #ffc400)}.icon-button.error{color:var(--clr-error-500, #f31700);background-color:var(--clr-error-100, #fdd1cc)}.icon-button.error:hover,.icon-button.error:focus{color:var(--clr-icon-button-white);background-color:var(--clr-error-500, #f31700)}.icon-button:disabled{color:var(--clr-icon-button-white);background-color:var(--clr-gray-100)!important}.icon-button.toggle-on,.icon-button.toggle-on:focus{color:var(--clr-success-100, #dbf0e0);background-color:var(--clr-success-500, #49b665)}.icon-button.toggle-on:hover{color:var(--clr-white, #fff);background-color:var(--clr-success-400, #6dc584)}.map-label{position:absolute;color:#eee;text-shadow:0px 0px 2px black,1px 1px 5px rgb(255 255 255 / .5);transform:translate(-50%,-50%);white-space:nowrap;opacity:.8}.map-label.light{color:#242424;text-shadow:rgb(255,255,255) -1.5px 0px,rgb(255,255,255) 0px 1.5px,rgb(255,255,255) 1.5px 0px,rgb(255,255,255) 0px -1.5px}.map-label.dark{color:#eee;text-shadow:rgb(0,0,0) -1.5px 0px,rgb(0,0,0) 0px 1.5px,rgb(0,0,0) 1.5px 0px,rgb(0,0,0) 0px -1.5px}.map-marker{position:absolute;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;color:#dedede;background-color:var(--clr-primary-500);border-radius:9999px;border:2px solid #eee;transform:translate(-50%,-100%)}.map-marker:focus{z-index:1}.tile{position:absolute;width:256px;height:256px;background-repeat:no-repeat;background-size:cover;transition:opacity .2s ease-in-out;will-change:opacity}.tile.loading{opacity:.3}.tile.loaded{opacity:1}.tile.error{background-color:#ddd}.tile-error-text{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.75rem;text-align:center}#user-management{--clr-user-status-active: var(--clr-success-500);--clr-user-status-locked: var(--clr-warn-500);--clr-user-status-pending: var(--clr-gray-500);--clr-user-status-suspended: var(--clr-red-500);--clr-user-status-deleted: var(--clr-gray-500);--col-number-width: 75px;--col-user-id-width: 150px;--col-user-name-width: 200px;--col-user-email-width: 300px;--col-user-type-width: 150px;--col-user-nft-type-width: 150px;--col-user-status-width: 150px;--col-user-created-at-width: 150px;--col-actions: 75px;--user-management-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-user-email-width) + var(--col-user-type-width) + var(--col-user-nft-type-width) + var(--col-user-status-width) + var(--col-user-created-at-width) + var(--col-actions) );grid-column:content-start / content-end;position:relative;max-width:var(--user-management-max-width)}#user-table{position:relative}#user-management .col-number{width:var(--col-number-width)}#user-management .col-user-id{width:var(--col-user-id-width)}#user-management .col-user-name{width:var(--col-user-name-width)}#user-management .col-user-email{width:var(--col-user-email-width)}#user-management .col-user-type{width:var(--col-user-type-width)}#user-management .col-user-nft-type{width:var(--col-user-nft-type-width)}#user-management .col-user-status{width:var(--col-user-status-width)}#user-management .col-user-created-at{width:var(--col-user-created-at-width)}#user-management .col-actions{width:var(--col-actions);min-width:var(--col-actions)}#user-table span.bubble{display:block;padding:.25rem .5rem;width:100%;text-align:center;background:transparent;border-radius:1rem;white-space:nowrap;transition:all .3s ease-out}#user-table span.bubble[data-status=ACTIVE]{color:#fff;background:var(--clr-user-status-active);border:1px solid var(--clr-user-status-active)}#user-table span.bubble[data-status=LOCKED]{color:#fff;background:var(--clr-user-status-locked);border:1px solid var(--clr-user-status-locked)}#user-table span.bubble[data-status=PENDING]{color:#fff;background:var(--clr-user-status-pending);border:1px solid var(--clr-user-status-pending)}#user-table span.bubble[data-status=SUSPENDED]{color:#fff;background:var(--clr-user-status-suspended);border:1px solid var(--clr-user-status-suspended)}#user-table span.bubble[data-status=DELETED]{color:#fff;background:var(--clr-user-status-deleted);border:1px solid var(--clr-user-status-deleted)}.no-results{width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:var(--clr-gray-300)}.no-results svg{width:3rem;height:3rem}.synthoria-pagination{display:flex;justify-content:center;align-items:center;gap:.25rem}.synthoria-pagination>button{display:flex;justify-content:center;align-items:center;color:var(--clr-gray-500);background-color:transparent;border-radius:0;width:2.5rem;height:2.5rem;cursor:pointer}.synthoria-pagination>button:disabled{cursor:default;color:var(--clr-gray-300)}.synthoria-pagination>button:hover:not([disabled]),.synthoria-pagination>button.active{font-weight:500;color:var(--clr-black);border:1px solid var(--clr-black)}dialog.synthoria-modal{--animation-duration: .45s;position:fixed;top:3rem;right:0;height:calc(100% - 3rem);width:min(640px,100%);z-index:var(--z-modal-component);background-color:#fff;border:none;padding:0;margin:0;transform:translate3d(100vw,0,0)}dialog.synthoria-modal.active{animation:slideInFromRight var(--animation-duration) cubic-bezier(0,0,.2,1) forwards}@keyframes slideInFromRight{0%{transform:translate3d(100vw,0,0)}to{transform:translate3d(calc(100vw - 100%),0,0)}}dialog.synthoria-modal.closing{animation:slideOutFromRight var(--animation-duration) cubic-bezier(0,0,.2,1) forwards}@keyframes slideOutFromRight{0%{transform:translate3d(calc(100vw - 100%),0,0)}to{transform:translate3d(100vw,0,0)}}.synthoria-modal::backdrop{background:#1f1f1f1f}.synthoria-modal-resizer{position:absolute;left:0;top:0;bottom:0;width:1rem;cursor:ew-resize;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;color:var(--clr-gray-500);transition:all .3s ease}.synthoria-modal-resizer:hover{box-shadow:0 0 10px 1px var(--clr-gray-100)}.synthoria-modal-content{height:100%;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.synthoria-modal-content>form{flex:1 1 0;display:flex;flex-direction:column;gap:1rem}.synthoria-modal-content .modal-actions{width:100%;display:flex;justify-content:right;gap:1rem}.synthoria-modal-content h2{padding-bottom:.25rem;border-bottom:4px solid var(--clr-primary-300)}.synthoria-modal-content .modal-item{min-height:2.25rem;display:flex;flex-direction:column;gap:.125rem}.synthoria-modal-content .modal-item-content{width:100%;display:flex;gap:1rem}.synthoria-modal-content .modal-button{min-width:150px}.synthoria-modal-content .modal-main-image-container{margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.synthoria-modal-content .modal-main-image-container>button.image-add-button{width:200px;height:200px;display:flex;justify-content:center;align-items:center;color:var(--clr-primary-300);border:1px solid var(--clr-primary-300)}.synthoria-modal-content .modal-main-image-container>button.image-add-button:disabled{color:1px solid var(--clr-gray-300);border:1px solid var(--clr-gray-300)}.synthoria-modal-content .modal-main-image-container .image{width:200px;height:200px;display:flex;justify-content:center;align-items:center;color:var(--clr-gray-300);border:1px solid var(--clr-gray-300)}.synthoria-modal-content .modal-main-image-container .image>img{padding:25px;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.synthoria-modal-content .modal-main-image-container>button.image-rm-button{position:absolute;top:0;right:0;color:var(--clr-white);background-color:var(--clr-gray-300);border:3px solid var(--clr-gray-300);border-radius:9999px;transform:translate(50%,-50%)}.synthoria-modal-content .modal-images-container{position:relative}.synthoria-modal-content .modal-images{position:relative;display:flex;align-items:center;gap:1rem;overflow-y:visible;overflow-x:auto}.synthoria-modal-content .modal-images>*{flex-shrink:0}.synthoria-modal-content .modal-images>.modal-image-container{position:relative;width:150px;height:150px;display:flex;justify-content:center;align-items:center;border:1px solid #696969;overflow:visible}.synthoria-modal-content .modal-images>.modal-image-container>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}@media screen and (min-width:0px){.synthoria-modal-resizer{display:none}.synthoria-modal-content>form{padding:2rem}}@media screen and (min-width:720px){.synthoria-modal-resizer{display:flex}.synthoria-modal-content>form{padding:2rem}}@media screen and (min-width:1080px){.synthoria-modal-content>form{padding:4rem}}dialog.custom-popup::backdrop{background:#1f1f1f1f}dialog.custom-popup{background-color:var(--clr-white);width:min(600px,calc(100% - 2rem));z-index:var(--z-popup-component);margin:auto;animation:CustomDialogSlideInFromBottom .15s cubic-bezier(0,0,.2,1)}dialog.custom-popup.active{animation:CustomDialogSlideInFromBottom .15s cubic-bezier(0,0,.2,1) forwards}dialog.custom-popup.closing{animation:CustomDialogSlideOutToBottom .15s cubic-bezier(0,0,.2,1) forwards}@keyframes CustomDialogSlideInFromBottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes CustomDialogSlideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@media(prefers-reduced-motion:reduce){.custom-popup,.custom-popup.active,.custom-popup.closing,.custom-popup::backdrop{animation:none}}.custom-popup-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.custom-popup-content .popup-item{min-width:200px;min-height:2.25rem;display:flex;flex-direction:column;gap:.125rem}.custom-popup-content .popup-item-content{width:100%;min-height:2.25rem;display:flex;align-items:center;gap:1rem}.custom-popup-content .popup-actions{display:flex}.custom-popup-content .popup-button{min-width:150px}@media screen and (min-width:0px){.custom-popup-content .popup-actions{flex-direction:column;justify-content:center;gap:1.5rem}}@media screen and (min-width:1080px){.custom-popup-content .popup-actions{flex-direction:row;justify-content:flex-end;gap:1rem}}#user-access-log-management{--col-number-width: 75px;--col-user-id-width: 100px;--col-user-name-width: 200px;--col-user-email-width: 250px;--col-device-name-width: 200px;--col-os-type-width: 100px;--col-os-version-width: 100px;--col-device-memory-width: 125px;--col-created-at-width: 150px;--user-devices-management-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-user-email-width) + var(--col-device-name-width) + var(--col-os-type-width) + var(--col-os-version-width) + var(--col-device-memory-width) + var(--col-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--user-devices-management-max-width)}#user-device-log-summary{position:relative;width:min(320px,100%);overflow-x:auto;background-color:var(--clr-white);border-radius:.25rem;box-shadow:#00000013 0 10px 25px;opacity:0;transform:translateY(10px);animation:fadeIn .4s ease-out forwards}#user-device-log-summary b{width:auto;font-size:3rem;color:var(--clr-primary-500)}#user-access-log-table{position:relative}#user-access-log-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#user-access-log-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#user-access-log-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#user-access-log-table .col-user-email{width:var(--col-user-email-width);max-width:var(--col-user-email-width)}#user-access-log-table .col-device-name{width:var(--col-device-name-width);max-width:var(--col-device-name-width)}#user-access-log-table .col-os-type{width:var(--col-os-type-width);max-width:var(--col-os-type-width)}#user-access-log-table .col-os-version{width:var(--col-os-version-width);max-width:var(--col-os-version-width)}#user-access-log-table .col-device-memory{width:var(--col-device-memory-width);max-width:var(--col-device-memory-width)}#user-access-log-table .col-created-at{width:var(--col-created-at-width);max-width:var(--col-created-at-width)}#user-statistics{--col-date-width: 150px;--col-daily-new-user-count-width: 175px;--col-daily-deleted-user-count-width: 175px;--col-daily-total-user-count-width: 175px;--col-daily-unique-user-access-count-width: 175px;--user-statistics-max-width: calc( var(--col-date-width) + var(--col-daily-new-user-count-width) + var(--col-daily-deleted-user-count-width) + var(--col-daily-total-user-count-width) + var(--col-daily-unique-user-access-count-width) );grid-column:content-start / content-end;position:relative;max-width:var(--user-statistics-max-width)}#user-statistics-table{position:relative}#user-statistics-table .col-date{width:var(--col-date-width);max-width:var(--col-date-width)}#user-statistics-table .col-daily-new-user-count{width:var(--col-daily-new-user-count-width);max-width:var(--col-daily-new-user-count-width)}#user-statistics-table .col-daily-deleted-user-count{width:var(--col-daily-deleted-user-count-width);max-width:var(--col-daily-deleted-user-count-width)}#user-statistics-table .col-daily-total-user-count{width:var(--col-daily-total-user-count-width);max-width:var(--col-daily-total-user-count-width)}#user-statistics-table .col-daily-unique-user-access-count{width:var(--col-daily-unique-user-access-count-width);max-width:var(--col-daily-unique-user-access-count-width)}#recharge-redeem-history{--col-number-width: 75px;--col-transaction-id-width: 75px;--col-user-id-width: 75px;--col-user-name-width: 200px;--col-transaction-type-width: 100px;--col-currency-type-width: 150px;--col-change-amount-width: 100px;--col-net-amount-post-transaction-width: 100px;--col-transaction-note-width: 300px;--col-transaction-created-at-width: 150px;--recharge-redeem-history-max-width: calc( var(--col-number-width) + var(--col-transaction-id-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-transaction-type-width) + var(--col-currency-type-width) + var(--col-change-amount-width) + var(--col-net-amount-post-transaction-width) + var(--col-transaction-note-width) + var(--col-transaction-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--recharge-redeem-history-max-width)}#recharge-redeem-table{position:relative}#recharge-redeem-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#recharge-redeem-table .col-transaction-id{width:var(--col-transaction-id-width);max-width:var(--col-transaction-id-width)}#recharge-redeem-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#recharge-redeem-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#recharge-redeem-table .col-transaction-type{width:var(--col-transaction-type-width);max-width:var(--col-transaction-type-width)}#recharge-redeem-table .col-currency-type{width:var(--col-currency-type-width);max-width:var(--col-currency-type-width)}#recharge-redeem-table .col-change-amount{width:var(--col-change-amount-width);max-width:var(--col-change-amount-width)}#recharge-redeem-table .col-net-amount-post-transaction{width:var(--col-net-amount-post-transaction-width);max-width:var(--col-net-amount-post-transaction-width)}#recharge-redeem-table .col-transaction-note{width:var(--col-transaction-note-width);max-width:var(--col-transaction-note-width)}#recharge-redeem-table .col-transaction-created-at{width:var(--col-transaction-created-at-width);max-width:var(--col-transaction-created-at-width)}#recharge-redeem-admin-history{--col-number-width: 75px;--col-transaction-id-width: 75px;--col-user-id-width: 75px;--col-user-name-width: 200px;--col-transaction-type-width: 100px;--col-currency-type-width: 150px;--col-change-amount-width: 100px;--col-net-amount-post-transaction-width: 100px;--col-transaction-admin-width: 200px;--col-transaction-note-width: 300px;--col-transaction-created-at-width: 150px;--recharge-redeem-history-max-width: calc( var(--col-number-width) + var(--col-transaction-id-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-transaction-type-width) + var(--col-currency-type-width) + var(--col-change-amount-width) + var(--col-net-amount-post-transaction-width) + var(--col-transaction-admin-width) + var(--col-transaction-note-width) + var(--col-transaction-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--recharge-redeem-history-max-width)}#recharge-redeem-admin-table{position:relative}#recharge-redeem-admin-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#recharge-redeem-admin-table .col-transaction-id{width:var(--col-transaction-id-width);max-width:var(--col-transaction-id-width)}#recharge-redeem-admin-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#recharge-redeem-admin-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#recharge-redeem-admin-table .col-transaction-type{width:var(--col-transaction-type-width);max-width:var(--col-transaction-type-width)}#recharge-redeem-admin-table .col-currency-type{width:var(--col-currency-type-width);max-width:var(--col-currency-type-width)}#recharge-redeem-admin-table .col-change-amount{width:var(--col-change-amount-width);max-width:var(--col-change-amount-width)}#recharge-redeem-admin-table .col-net-amount-post-transaction{width:var(--col-net-amount-post-transaction-width);max-width:var(--col-net-amount-post-transaction-width)}#recharge-redeem-admin-table .col-transaction-admin{width:var(--col-transaction-admin-width);max-width:var(--col-transaction-admin-width)}#recharge-redeem-admin-table .col-transaction-note{width:var(--col-transaction-note-width);max-width:var(--col-transaction-note-width)}#recharge-redeem-admin-table .col-transaction-created-at{width:var(--col-transaction-created-at-width);max-width:var(--col-transaction-created-at-width)}#item-management{--clr-item-status-pending: var(--clr-warn-500);--clr-item-status-on-sale: var(--clr-success-500);--clr-item-status-on-hold: var(--clr-error-500);--clr-item-status-end-sale: var(--clr-gray-500);--col-select-width: 50px;--col-actions-width: 75px;--col-image-width: 100px;--col-number-width: 75px;--col-item-id-width: 100px;--col-item-main-category-width: 125px;--col-item-sub-category-width: 125px;--col-item-name-width: 200px;--col-item-gender-width: 100px;--col-item-currency-type-width: 100px;--col-item-sale-amount-width: 100px;--col-item-sale-scope-width: 150px;--col-item-status-width: 150px;--col-item-created-at-width: 150px;--item-management-max-width: calc( var(--col-image-width) + var(--col-number-width) + var(--col-item-id-width) + var(--col-item-main-category-width) + var(--col-item-sub-category-width) + var(--col-item-name-width) + var(--col-item-gender-width) + var(--col-item-currency-type-width) + var(--col-item-sale-amount-width) + var(--col-item-sale-scope-width) + var(--col-item-status-width) + var(--col-item-created-at-width) + var(--col-select-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--item-management-max-width)}#item-table{position:relative}#item-table .col-image{width:var(--col-image-width);max-width:var(--col-image-width)}#item-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#item-table .col-item-id{width:var(--col-item-id-width);max-width:var(--col-item-id-width)}#item-table .col-item-main-category{width:var(--col-item-main-category-width);max-width:var(--col-item-main-category-width)}#item-table .col-item-sub-category{width:var(--col-item-sub-category-width);max-width:var(--col-item-sub-category-width)}#item-table .col-item-name{width:var(--col-item-name-width);max-width:var(--col-item-name-width)}#item-table .col-item-gender{width:var(--col-item-gender-width);max-width:var(--col-item-gender-width)}#item-table .col-item-currency-type{width:var(--col-item-currency-type-width);max-width:var(--col-item-currency-type-width)}#item-table .col-item-sale-amount{width:var(--col-item-sale-amount-width);max-width:var(--col-item-sale-amount-width)}#item-table .col-item-sale-scope{width:var(--col-item-sale-scope-width);max-width:var(--col-item-sale-scope-width)}#item-table .col-item-status{min-width:100px;width:var(--col-item-status-width);max-width:var(--col-item-status-width)}#item-table .col-item-created-at{width:var(--col-item-created-at-width);max-width:var(--col-item-created-at-width)}#item-table span.bubble{display:block;padding:.25rem .5rem;width:100%;text-align:center;background:transparent;border-radius:1rem;white-space:nowrap;transition:all .3s ease-out}#item-table span.bubble[data-status=PENDING]{color:#fff;background:var(--clr-item-status-pending);border:1px solid var(--clr-item-status-pending)}#item-table span.bubble[data-status=ON_SALE]{color:#fff;background:var(--clr-item-status-on-sale);border:1px solid var(--clr-item-status-on-sale)}#item-table span.bubble[data-status=ON_HOLD]{color:#fff;background:var(--clr-item-status-on-hold);border:1px solid var(--clr-item-status-on-hold)}#item-table span.bubble[data-status=END_SALE]{color:#fff;background:var(--clr-item-status-end-sale);border:1px solid var(--clr-item-status-end-sale)}#item-category-management{grid-column:content-start / content-end;position:relative;max-width:1080px}#item-category-table{position:relative;min-height:200px}.main-category-list[aria-expanded=true]{background-color:var(--clr-primary-25)}.main-category-list[aria-expanded=true] .category-item{background-color:var(--clr-primary-50)}.category-item-content{padding:0 .5rem;height:2.75rem;display:flex;align-items:center;border-bottom:1px solid var(--clr-gray-100)}.category-item-content .left,.category-item-content .right{align-items:center}.category-item-content:hover{background-color:var(--clr-primary-200)}#soria-history-management{--col-number-width: 75px;--col-user-id-width: 100px;--col-user-name-width: 150px;--col-transaction-id-width: 200px;--col-transaction-type-width: 100px;--col-transaction-action-width: 100px;--col-item-name-width: 200px;--col-transaction-change-amount-width: 175px;--col-transaction-post-balance-amount-width: 175px;--col-transaction-created-at-width: 150px;--soria-history-management-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-transaction-id-width) + var(--col-transaction-type-width) + var(--col-transaction-action-width) + var(--col-item-name-width) + var(--col-transaction-change-amount-width) + var(--col-transaction-post-balance-amount-width) + var(--col-transaction-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--soria-history-management-max-width)}#soria-history-table{position:relative}#soria-history-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#soria-history-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#soria-history-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#soria-history-table .col-transaction-id{width:var(--col-transaction-id-width);max-width:var(--col-transaction-id-width)}#soria-history-table .col-transaction-type{width:var(--col-transaction-type-width);max-width:var(--col-transaction-type-width)}#soria-history-table .col-transaction-action{width:var(--col-transaction-action-width);max-width:var(--col-transaction-action-width)}#soria-history-table .col-item-name{width:var(--col-item-name-width);max-width:var(--col-item-name-width)}#soria-history-table .col-transaction-change-amount{width:var(--col-transaction-change-amount-width);max-width:var(--col-transaction-change-amount-width)}#soria-history-table .col-transaction-post-balance-amount{width:var(--col-transaction-post-balance-amount-width);max-width:var(--col-transaction-post-balance-amount-width)}#soria-history-table .col-transaction-created-at{width:var(--col-transaction-created-at-width);max-width:var(--col-transaction-created-at-width)}#item-history-management{--col-number-width: 75px;--col-user-id-width: 100px;--col-user-name-width: 150px;--col-transaction-id-width: 200px;--col-item-main-category-width: 125px;--col-item-sub-category-width: 125px;--col-item-name-width: 200px;--col-item-currency-type-width: 100px;--col-transaction-item-count-width: 75px;--col-transaction-created-at-width: 150px;--item-history-table-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-transaction-id-width) + var(--col-item-main-category-width) + var(--col-item-sub-category-width) + var(--col-item-name-width) + var(--col-item-currency-type-width) + var(--col-transaction-item-count-width) + var(--col-transaction-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--item-history-table-max-width)}#item-history-table{position:relative}#item-history-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#item-history-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#item-history-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#item-history-table .col-transaction-id{width:var(--col-transaction-id-width);max-width:var(--col-transaction-id-width)}#item-history-table .col-item-main-category{width:var(--col-item-main-category-width);max-width:var(--col-item-main-category-width)}#item-history-table .col-item-sub-category{width:var(--col-item-sub-category-width);max-width:var(--col-item-sub-category-width)}#item-history-table .col-item-name{width:var(--col-item-name-width);max-width:var(--col-item-name-width)}#item-history-table .col-item-currency-type{width:var(--col-item-currency-type-width);max-width:var(--col-item-currency-type-width)}#item-history-table .col-transaction-item-count{width:var(--col-transaction-item-count-width);max-width:var(--col-transaction-item-count-width)}#item-history-table .col-transaction-created-at{width:var(--col-transaction-created-at-width);max-width:var(--col-transaction-created-at-width)}#call-history-management{--col-number-width: 75px;--col-user-id-width: 100px;--col-user-name-width: 150px;--col-call-id-width: 100px;--col-call-type-width: 100px;--col-call-title-width: 200px;--col-call-is-premium-width: 100px;--col-call-room-type-width: 150px;--col-call-start-at-width: 150px;--col-call-finish-at-width: 150px;--col-call-used-second-amount-width: 150px;--col-call-created-at-width: 150px;--call-history-table-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-call-id-width) + var(--col-call-type-width) + var(--col-call-title-width) + var(--col-call-is-premium-width) + var(--col-call-room-type-width) + var(--col-call-start-at-width) + var(--col-call-finish-at-width) + var(--col-call-used-second-amount-width) + var(--col-call-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--call-history-table-max-width)}#call-history-table{position:relative}#call-history-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#call-history-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#call-history-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#call-history-table .col-call-id{width:var(--col-call-id-width);max-width:var(--col-call-id-width)}#call-history-table .col-call-type{width:var(--col-call-type-width);max-width:var(--col-call-type-width)}#call-history-table .col-call-title{width:var(--col-call-title-width);max-width:var(--col-call-title-width)}#call-history-table .col-call-is-premium{width:var(--col-call-is-premium-width);max-width:var(--col-call-is-premium-width)}#call-history-table .col-call-room-type{width:var(--col-call-room-type-width);max-width:var(--col-call-room-type-width)}#call-history-table .col-call-start-at{width:var(--col-call-start-at-width);max-width:var(--col-call-start-at-width)}#call-history-table .col-call-finish-at{width:var(--col-call-finish-at-width);max-width:var(--col-call-finish-at-width)}#call-history-table .col-call-used-second-amount{width:var(--col-call-used-second-amount-width);max-width:var(--col-call-used-second-amount-width)}#call-history-table .col-call-created-at{width:var(--col-call-created-at-width);max-width:var(--col-call-created-at-width)}#call-history-table .col-call-is-premium .table-cell-content{display:flex;justify-content:center}#sales-management{--col-number-width: 75px;--col-user-id-width: 100px;--col-user-name-width: 150px;--col-transaction-id-width: 200px;--col-item-name-width: 200px;--col-transaction-net-amount-width: 175px;--col-transaction-fee-amount-width: 175px;--col-item-soria-reward-amount-width: 100px;--col-transaction-method-width: 150px;--col-transaction-status-width: 100px;--col-transaction-created-at-width: 150px;--sales-management-max-width: calc( var(--col-number-width) + var(--col-user-id-width) + var(--col-user-name-width) + var(--col-transaction-id-width) + var(--col-item-name-width) + var(--col-transaction-net-amount-width) + var(--col-transaction-fee-amount-width) + var(--col-item-soria-reward-amount-width) + var(--col-transaction-method-width) + var(--col-transaction-status-width) + var(--col-transaction-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--sales-management-max-width)}#sales-summary-table,#sales-table{position:relative}#sales-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#sales-table .col-user-id{width:var(--col-user-id-width);max-width:var(--col-user-id-width)}#sales-table .col-user-name{width:var(--col-user-name-width);max-width:var(--col-user-name-width)}#sales-table .col-transaction-id{width:var(--col-transaction-id-width);max-width:var(--col-transaction-id-width)}#sales-table .col-item-name{width:var(--col-item-name-width);max-width:var(--col-item-name-width)}#sales-table .col-transaction-net-amount{width:var(--col-transaction-net-amount-width);max-width:var(--col-transaction-net-amount-width)}#sales-table .col-transaction-fee-amount{width:var(--col-transaction-fee-amount-width);max-width:var(--col-transaction-fee-amount-width)}#sales-table .col-item-soria-reward-amount{width:var(--col-item-soria-reward-amount-width);max-width:var(--col-item-soria-reward-amount-width)}#sales-table .col-transaction-method{width:var(--col-transaction-method-width);max-width:var(--col-transaction-method-width)}#sales-table .col-transaction-status{width:var(--col-transaction-status-width);max-width:var(--col-transaction-status-width)}#sales-table .col-transaction-created-at{width:var(--col-transaction-created-at-width);max-width:var(--col-transaction-created-at-width)}#sales-statistics{--col-date-width: 150px;--col-daily-soria-item-a-sale-count-width: 150px;--col-daily-soria-item-b-sale-count-width: 150px;--col-daily-soria-item-c-sale-count-width: 150px;--col-daily-soria-item-d-sale-count-width: 150px;--col-daily-soria-item-e-sale-count-width: 150px;--col-daily-soria-item-f-sale-count-width: 150px;--col-daily-sale-amount-width: 150px;--col-daily-acc-sale-amount-width: 150px;--sales-statistics-max-width: calc( var(--col-date-width) + var(--col-daily-soria-item-a-sale-count-width) + var(--col-daily-soria-item-b-sale-count-width) + var(--col-daily-soria-item-c-sale-count-width) + var(--col-daily-soria-item-d-sale-count-width) + var(--col-daily-soria-item-e-sale-count-width) + var(--col-daily-soria-item-f-sale-count-width) + var(--col-daily-sale-amount-width) + var(--col-daily-acc-sale-amount-width) );grid-column:content-start / content-end;position:relative;max-width:var(--sales-statistics-max-width)}#sales-statistics-table{position:relative}#sales-statistics-table .col-daily-soria-item-a-sale-count{width:var(--col-daily-soria-item-a-sale-count-width);max-width:var(--col-daily-soria-item-a-sale-count-width)}#sales-statistics-table .col-daily-soria-item-b-sale-count{width:var(--col-daily-soria-item-b-sale-count-width);max-width:var(--col-daily-soria-item-b-sale-count-width)}#sales-statistics-table .col-daily-soria-item-c-sale-count{width:var(--col-daily-soria-item-c-sale-count-width);max-width:var(--col-daily-soria-item-c-sale-count-width)}#sales-statistics-table .col-daily-soria-item-d-sale-count{width:var(--col-daily-soria-item-d-sale-count-width);max-width:var(--col-daily-soria-item-d-sale-count-width)}#sales-statistics-table .col-daily-soria-item-e-sale-count{width:var(--col-daily-soria-item-e-sale-count-width);max-width:var(--col-daily-soria-item-e-sale-count-width)}#sales-statistics-table .col-daily-soria-item-f-sale-count{width:var(--col-daily-soria-item-f-sale-count-width);max-width:var(--col-daily-soria-item-f-sale-count-width)}#sales-statistics-table .col-daily-sale-amount{width:var(--col-daily-sale-amount-width);max-width:var(--col-daily-sale-amount-width)}#sales-statistics-table .col-daily-acc-sale-amount{width:var(--col-daily-acc-sale-amount-width);max-width:var(--col-daily-acc-sale-amount-width)}#call-settings{grid-column:content-start / content-end;position:relative}#video-management{--col-image-width: 100px;--col-video-id-width: 100px;--col-video-title-width: 300px;--col-video-duration-width: 100px;--col-video-view-count-width: 100px;--col-video-like-count-width: 100px;--col-video-created-at-width: 150px;--col-video-updated-at-width: 150px;--col-actions-width: 125px;--video-table-management-max-width: calc( var(--col-image-width) + var(--col-video-id-width) + var(--col-video-title-width) + var(--col-video-duration-width) + var(--col-video-view-count-width) + var(--col-video-like-count-width) + var(--col-video-created-at-width) + var(--col-video-updated-at-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--video-table-management-max-width)}#video-table{position:relative}#video-table .col-image{width:var(--col-image-width);max-width:var(--col-image-width)}#video-table .col-video-id{width:var(--col-video-id-width);max-width:var(--col-video-id-width)}#video-table .col-video-title{width:var(--col-video-title-width);max-width:var(--col-video-title-width)}#video-table .col-video-duration{width:var(--col-video-duration-width);max-width:var(--col-video-duration-width)}#video-table .col-video-view-count{width:var(--col-video-view-count-width);max-width:var(--col-video-view-count-width)}#video-table .col-video-like-count{width:var(--col-video-like-count-width);max-width:var(--col-video-like-count-width)}#video-table .col-video-created-at{width:var(--col-video-created-at-width);max-width:var(--col-video-created-at-width)}#video-table .col-video-updated-at{width:var(--col-video-updated-at-width);max-width:var(--col-video-updated-at-width)}#video-playlist-management{--col-playlist-id-width: 125px;--col-playlist-name-width: 240px;--col-playlist-videos-count-width: 100px;--col-playlist-created-at-width: 150px;--col-playlist-updated-at-width: 150px;--col-actions-width: 125px;--video-playlist-management-max-width: calc( var(--col-playlist-id-width) + var(--col-playlist-name-width) + var(--col-playlist-videos-count-width) + var(--col-playlist-created-at-width) + var(--col-playlist-updated-at-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--video-playlist-management-max-width)}#video-playlist-table{position:relative}#video-playlist-table .col-playlist-id{width:var(--col-playlist-id-width);max-width:var(--col-playlist-id-width)}#video-playlist-table .col-playlist-name{width:var(--col-playlist-name-width);max-width:var(--col-playlist-name-width)}#video-playlist-table .col-playlist-videos-count{width:var(--col-playlist-videos-count-width);max-width:var(--col-playlist-videos-count-width)}#video-playlist-table .col-playlist-created-at{width:var(--col-playlist-created-at-width);max-width:var(--col-playlist-created-at-width)}#video-playlist-table .col-playlist-updated-at{width:var(--col-playlist-updated-at-width);max-width:var(--col-playlist-updated-at-width)}#video-playlist-select-video-popup{height:min(800px,100%);--col-playlist-video-image-width: 100px;--col-playlist-video-id-width: 125px;--col-playlist-video-title-width: 350px}#video-playlist-select-video-popup form{height:100%}#video-playlist-select-video-popup #video-playlist-select-video-table{overflow-y:auto;max-width:calc(var(--col-playlist-video-image-width) + var(--col-playlist-video-id-width) + var(--col-playlist-video-title-width))}#video-playlist-select-video-popup #video-playlist-select-video-table thead{background-color:#fff}#video-playlist-select-video-popup #video-playlist-select-video-table .col-image{width:var(--col-playlist-video-image-width);max-width:var(--col-playlist-video-image-width)}#video-playlist-select-video-popup #video-playlist-select-video-table .col-video-id{width:var(--col-playlist-video-id-width);max-width:var(--col-playlist-video-id-width)}#video-playlist-select-video-popup #video-playlist-select-video-table .col-video-title{width:var(--col-playlist-video-title-width);max-width:var(--col-playlist-video-title-width)}#video-playlist-modal{--col-playlist-video-image-width: 100px;--col-playlist-video-id-width: 125px;--col-playlist-video-title-width: 350px}#video-playlist-modal #video-playlist-video-table{overflow-y:auto;max-width:calc(var(--col-playlist-video-image-width) + var(--col-playlist-video-id-width) + var(--col-playlist-video-title-width));max-height:460px}#video-playlist-modal #video-playlist-video-table .table-content{table-layout:fixed;width:100%}#video-playlist-modal #video-playlist-video-table thead{background-color:#fff}#video-playlist-modal #video-playlist-video-table .col-image{width:var(--col-playlist-video-image-width);max-width:var(--col-playlist-video-image-width)}#video-playlist-modal #video-playlist-video-table .col-video-id{width:var(--col-playlist-video-id-width);max-width:var(--col-playlist-video-id-width)}#video-playlist-modal #video-playlist-video-table .col-video-title{width:var(--col-playlist-video-title-width);max-width:var(--col-playlist-video-title-width)}#daily-login-reward-background-management{--col-image-width: 100px;--col-daily-login-reward-background-id-width: 100px;--col-daily-login-reward-background-status-width: 150px;--col-daily-login-reward-background-updated-by-width: 150px;--col-daily-login-reward-background-updated-at-width: 150px;--col-actions-width: 75px;--daily-login-reward-background-management-max-width: calc( var(--col-image-width) + var(--col-daily-login-reward-background-id-width) + var(--col-daily-login-reward-background-status-width) + var(--col-daily-login-reward-background-updated-by-width) + var(--col-daily-login-reward-background-updated-at-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--daily-login-reward-background-management-max-width)}#daily-login-reward-background-table{position:relative}#daily-login-reward-background-table .col-image{width:var(--col-image-width);max-width:var(--col-image-width)}#daily-login-reward-background-table .col-daily-login-reward-background-id{width:var(--col-daily-login-reward-background-id-width);max-width:var(--col-daily-login-reward-background-id-width)}#daily-login-reward-background-table .col-daily-login-reward-background-status{width:var(--col-daily-login-reward-background-status-width);max-width:var(--col-daily-login-reward-background-status-width)}#daily-login-reward-background-table .col-daily-login-reward-background-updated-by{width:var(--col-daily-login-reward-background-updated-by-width);max-width:var(--col-daily-login-reward-background-updated-by-width)}#daily-login-reward-background-table .col-daily-login-reward-background-updated-at{width:var(--col-daily-login-reward-background-updated-at-width);max-width:var(--col-daily-login-reward-background-updated-at-width)}#news-management{--col-select-width: 75px;--col-actions-width: 125px;--col-number-width: 75px;--col-news-id-width: 100px;--col-news-type-width: 100px;--col-news-title-width: 400px;--col-news-view-count-width: 100px;--col-news-status-width: 150px;--col-news-created-at-width: 150px;--news-management-max-width: calc( var(--col-select-width) + var(--col-actions-width) + var(--col-number-width) + var(--col-news-id-width) + var(--col-news-type-width) + var(--col-news-title-width) + var(--col-news-view-count-width) + var(--col-news-status-width) + var(--col-news-created-at-width) );grid-column:content-start / content-end;position:relative;max-width:var(--news-management-max-width)}#news-table{position:relative}#news-table .col-select{min-width:var(--col-select-width);width:var(--col-select-width);max-width:var(--col-select-width)}#news-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#news-table .col-news-id{width:var(--col-news-id-width);max-width:var(--col-news-id-width)}#news-table .col-news-type{width:var(--col-news-type-width);max-width:var(--col-news-type-width)}#news-table .col-news-title{width:var(--col-news-title-width);max-width:var(--col-news-title-width)}#news-table .col-news-view-count{width:var(--col-news-view-count-width);max-width:var(--col-news-view-count-width)}#news-table .col-news-status{width:var(--col-news-status-width);max-width:var(--col-news-status-width)}#news-table .col-news-created-at{width:var(--col-news-created-at-width);max-width:var(--col-news-created-at-width)}#news-table span.bubble,#news-modal span.bubble{display:block;padding:.25rem .5rem;max-width:200px;text-align:center;background:transparent;border-radius:1rem;white-space:nowrap;transition:all .3s ease-out}#news-table span.bubble[data-status=DRAFT],#news-modal span.bubble[data-status=DRAFT]{color:#fff;background:var(--clr-warn-500);border:1px solid var(--clr-warn-500)}#news-table span.bubble[data-status=PUBLISHED],#news-modal span.bubble[data-status=PUBLISHED]{color:#fff;background:var(--clr-success-500);border:1px solid var(--clr-success-500)}#news-table span.bubble[data-status=ARCHIVED],#news-modal span.bubble[data-status=ARCHIVED]{color:#fff;background:var(--clr-gray-500);border:1px solid var(--clr-gray-500)}#news-id-page .news-modal-item{display:flex;flex-direction:column;gap:1rem}#news-id-page button.bubble{display:block;padding:calc(.25rem + 1px) calc(.5rem + 1px);width:150px;max-width:200px;text-align:center;background:var(--clr-primary-50);border-radius:1rem;border:none;transition:all .3s ease-out}#news-id-page button.bubble.active{color:#fff;background:var(--clr-primary-500)}#news-id-page .news-comments{flex:1 1 0;display:flex;flex-direction:column;gap:1rem}#news-id-page .news-comments-list{flex:1 1 0;display:flex;flex-direction:column}#news-id-page .news-comments-list .news-comment{display:flex;gap:1.5rem;padding:1.25rem .75rem}#news-id-page .news-comments-list .news-comment:nth-child(odd){background-color:var(--clr-primary-25)}#news-id-page .news-comments-list .news-comment[data-deleted=true]{opacity:.75;background-color:var(--clr-red-50)}#news-id-page .news-comments-list .news-comment-circle{width:48px;height:48px;border-radius:50%;background-color:var(--clr-gray-100);display:flex;justify-content:center;align-items:center}#news-id-page .news-comments-list .news-comment-content{flex:1 1 0;display:flex;flex-direction:column;gap:.5rem}#news-id-page .news-comments-list .news-comment-content .news-comment-header .news-comment-header-date{font-size:.875rem;color:var(--clr-gray-500)}#news-id-page .news-comments-list .news-comment span.bubble{padding:.25rem .5rem;width:125px;display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;color:#fff;background:var(--clr-gray-300);border-radius:1rem}#news-id-page .news-comments-list .news-comment-actions{display:flex;align-items:center}@media screen and (min-width:0px){#news-id-page .news-content{display:flex;flex-direction:column;gap:2rem}#news-id-page .news-content aside{display:flex;flex-direction:column;gap:1rem}#news-id-page .news-content main{flex:1 1 0;display:flex;flex-direction:column;gap:1rem}#news-id-page .news-comments-list .news-comment-content .news-comment-header{display:flex;flex-direction:column;gap:.1rem}}@media screen and (min-width:1080px){#news-id-page .news-content{flex-direction:row}#news-id-page .news-content aside{width:300px}#news-id-page .news-comments-list .news-comment-content .news-comment-header{flex-direction:row;gap:.5rem;align-items:center}}dialog.custom-modal::backdrop{background:#1f1f1f1f}dialog.custom-modal{background-color:var(--clr-white);width:min(1280px,calc(100% - 2rem));z-index:var(--z-modal-component);margin:auto;animation:CustomModalSlideInFromBottom .15s cubic-bezier(0,0,.2,1)}dialog.custom-modal.active{animation:CustomModalSlideInFromBottom .15s cubic-bezier(0,0,.2,1) forwards}dialog.custom-modal.closing{animation:CustomModalSlideOutToBottom .15s cubic-bezier(0,0,.2,1) forwards}@keyframes CustomModalSlideInFromBottom{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes CustomModalSlideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@media(prefers-reduced-motion:reduce){.custom-modal,.custom-modal.active,.custom-modal.closing,.custom-modal::backdrop{animation:none}}.custom-modal-col-content{display:flex;flex-direction:column;gap:1rem}.custom-modal-row-content{display:flex;gap:1rem}.custom-modal-item{display:flex;flex-direction:column;gap:.25rem}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}#faq-management{--col-select-width: 75px;--col-actions-width: 125px;--col-number-width: 75px;--col-faq-id-width: 75px;--col-faq-language-width: 100px;--col-faq-type-width: 100px;--col-faq-question-width: 400px;--col-faq-created-at-width: 150px;--col-faq-is-visible-width: 75px;--faq-management-max-width: calc( var(--col-select-width) + var(--col-number-width) + var(--col-faq-id-width) + var(--col-faq-language-width) + var(--col-faq-type-width) + var(--col-faq-question-width) + var(--col-faq-created-at-width) + var(--col-faq-is-visible-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--faq-management-max-width)}#faq-table{position:relative}#faq-table .col-select{min-width:var(--col-select-width);width:var(--col-select-width);max-width:var(--col-select-width)}#faq-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#faq-table .col-faq-id{width:var(--col-faq-id-width);max-width:var(--col-faq-id-width)}#faq-table .col-faq-language{width:var(--col-faq-language-width);max-width:var(--col-faq-language-width)}#faq-table .col-faq-type{width:var(--col-faq-type-width);max-width:var(--col-faq-type-width)}#faq-table .col-faq-question{width:var(--col-faq-question-width);max-width:var(--col-faq-question-width)}#faq-table .col-faq-created-at{width:var(--col-faq-created-at-width);max-width:var(--col-faq-created-at-width)}#faq-table .col-faq-is-visible{width:var(--col-faq-is-visible-width);max-width:var(--col-faq-is-visible-width)}#faq-table .col-actions{width:var(--col-actions-width);max-width:var(--col-actions-width)}#faq-table .col-faq-is-visible .table-cell-content{display:flex;justify-content:center}#inquiry-management{--col-actions-width: 75px;--col-number-width: 75px;--col-inquiry-id-width: 125px;--col-inquiry-language-width: 100px;--col-inquiry-type-code-width: 100px;--col-inquiry-subject-width: 400px;--col-inquiry-customer-type-width: 120px;--col-inquiry-customer-name-width: 150px;--col-inquiry-created-at-width: 150px;--col-inquiry-status-width: 150px;--inquiry-management-max-width: calc( var(--col-number-width) + var(--col-inquiry-id-width) + var(--col-inquiry-language-width) + var(--col-inquiry-type-code-width) + var(--col-inquiry-subject-width) + var(--col-inquiry-customer-type-width) + var(--col-inquiry-customer-name-width) + var(--col-inquiry-created-at-width) + var(--col-inquiry-status-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--inquiry-management-max-width)}#inquiries-table{position:relative}#inquiries-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#inquiries-table .col-inquiry-id{width:var(--col-inquiry-id-width);max-width:var(--col-inquiry-id-width)}#inquiries-table .col-inquiry-language{width:var(--col-inquiry-language-width);max-width:var(--col-inquiry-language-width)}#inquiries-table .col-inquiry-type-code{width:var(--col-inquiry-type-code-width);max-width:var(--col-inquiry-type-code-width)}#inquiries-table .col-inquiry-subject{width:var(--col-inquiry-subject-width);max-width:var(--col-inquiry-subject-width)}#inquiries-table .col-inquiry-user-type{width:var(--col-inquiry-customer-type-width);max-width:var(--col-inquiry-customer-type-width)}#inquiries-table .col-inquiry-created-by{width:var(--col-inquiry-customer-name-width);max-width:var(--col-inquiry-customer-name-width)}#inquiries-table .col-inquiry-created-at{width:var(--col-inquiry-created-at-width);max-width:var(--col-inquiry-created-at-width)}#inquiries-table .col-inquiry-status{width:var(--col-inquiry-status-width);max-width:var(--col-inquiry-status-width)}#inquiries-table .col-actions{width:var(--col-actions-width);max-width:var(--col-actions-width)}#inquiries-table .col-inquiry-status .table-cell-content{display:flex;justify-content:center}#inquiries-table span.bubble,#inquiry-modal span.bubble{display:block;padding:.25rem .5rem;max-width:200px;text-align:center;background:transparent;border-radius:1rem;white-space:nowrap;transition:all .3s ease-out}#inquiries-table span.bubble[data-status=OPEN],#inquiry-modal span.bubble[data-status=OPEN]{color:#fff;background:var(--clr-error-500);border:1px solid var(--clr-error-500)}#inquiries-table span.bubble[data-status=IN_PROGRESS],#inquiry-modal span.bubble[data-status=IN_PROGRESS]{color:#fff;background:var(--clr-warn-500);border:1px solid var(--clr-warn-500)}#inquiries-table span.bubble[data-status=RESOLVED],#inquiry-modal span.bubble[data-status=RESOLVED]{color:#fff;background:var(--clr-success-500);border:1px solid var(--clr-success-500)}#inquiries-table span.bubble[data-status=CLOSED],#inquiry-modal span.bubble[data-status=CLOSED]{color:#fff;background:var(--clr-gray-500);border:1px solid var(--clr-gray-500)}#inquiry-modal{--inquiry-thread-profile-size: 50px;--clr-inquiry-question-profile: var(--clr-gray-100);--clr-inquiry-question-content: var(--clr-gray-25);--clr-inquiry-answer-profile: var(--clr-primary-200);--clr-inquiry-answer-content: var(--clr-primary-100)}#inquiry-modal .inquiry-info-content{display:flex}#inquiry-modal .inquiry-thread{padding:0 .5rem;min-height:200px;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}#inquiry-modal .inquiry-thread-question,#inquiry-modal .inquiry-thread-question-image,#inquiry-modal .inquiry-thread-answer{width:100%;display:grid;grid-template-columns:50px 1fr 50px;gap:.75rem}#inquiry-modal .inquiry-thread-question>div,#inquiry-modal .inquiry-thread-answer>div{display:contents}#inquiry-modal .inquiry-thread-question-profile,#inquiry-modal .inquiry-thread-answer-profile{min-width:var(--inquiry-thread-profile-size);width:var(--inquiry-thread-profile-size);min-height:var(--inquiry-thread-profile-size);height:var(--inquiry-thread-profile-size);display:flex;justify-content:center;align-items:center;background-color:var(--clr-inquiry-thread-profile);border-radius:9999px}#inquiry-modal .inquiry-thread-question-profile{grid-column:1;background-color:var(--clr-inquiry-question-profile)}#inquiry-modal .inquiry-thread-answer-profile{grid-column:3;background-color:var(--clr-inquiry-answer-profile)}#inquiry-modal .inquiry-thread-question-details,#inquiry-modal .inquiry-thread-answer-details{grid-column:2;display:flex;flex-direction:column;gap:.25rem}#inquiry-modal .inquiry-thread-question-content,#inquiry-modal .inquiry-thread-question-image{grid-column:2;padding:1rem;background-color:var(--clr-inquiry-question-content);white-space:pre-wrap;border-radius:1rem;box-shadow:#63636340 0 2px 8px}#inquiry-modal .inquiry-thread-answer-content,#inquiry-modal .inquiry-thread-answer-image{grid-column:2;padding:1rem;background-color:var(--clr-inquiry-answer-content);white-space:pre-wrap;border-radius:1rem;box-shadow:#63636340 0 2px 8px}#inquiry-modal .inquiry-thread-question-content,#inquiry-modal .inquiry-thread-question-image{align-self:start;justify-self:start}#inquiry-modal .inquiry-thread-answer-content,#inquiry-modal .inquiry-thread-answer-image{align-self:end;justify-self:end}#inquiry-modal .inquiry-thread-question-image,#inquiry-modal .inquiry-thread-answer-image{width:150px;height:150px;display:flex;justify-content:center;align-items:center}#inquiry-modal .inquiry-thread-question-image>img,#inquiry-modal .inquiry-thread-answer-image>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}#inquiry-modal .inquiry-reply{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--clr-primary-25);border-radius:1rem}#inquiry-modal .inquiry-reply>.inquiry-reply-image{position:relative;width:150px;height:150px;display:flex;justify-content:center;align-items:center;border:1px solid var(--clr-gray-300);border-radius:1rem;overflow:hidden}#inquiry-modal .inquiry-reply>.inquiry-reply-image>img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}#inquiry-modal .inquiry-reply>.inquiry-reply-image>.inquiry-reply-image-remove{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--clr-white);background-color:var(--clr-gray-300);border-radius:9999px;transition:all .15s ease-out}#inquiry-modal .inquiry-reply>.inquiry-reply-image>.inquiry-reply-image-remove:hover{background-color:var(--clr-gray-500)}#inquiry-modal .inquiry-reply>textarea{background-color:var(--clr-white)}@media screen and (min-width:0px){.request-info-content{flex-direction:column;gap:.5rem}}@media screen and (min-width:1080px){.request-info-content{flex-direction:row}}.synthoria-text-area-component{min-width:100%;width:100%;min-height:2.75rem;padding:.5rem 1rem;color:var(--clr-font);border:solid 1px var(--clr-gray-100);border-radius:.25rem;background-color:transparent;transition:min-height .2s ease-in-out;resize:none;scrollbar-width:thin}.synthoria-text-area-component:focus{min-height:8.5rem;outline:none;box-shadow:0 0 4px var(--clr-primary-500)}.synthoria-text-area-component:disabled{cursor:default;background-color:var(--clr-gray-100)}.synthoria-text-area-component::-webkit-scrollbar{width:.5rem}#ec-product-management{--col-actions-width: 75px;--col-image-width: 100px;--col-number-width: 75px;--col-ec-seller-name-width: 150px;--col-ec-product-id-width: 100px;--col-ec-product-name-width: 200px;--col-ec-product-category-width: 150px;--col-ec-product-sale-amount-width: 130px;--col-ec-product-quantity-width: 100px;--col-ec-product-status-width: 100px;--col-ec-progress-width: 125px;--ec-product-management-max-width: calc( var(--col-image-width) + var(--col-number-width) + var(--col-ec-seller-name-width) + var(--col-ec-product-id-width) + var(--col-ec-product-name-width) + var(--col-ec-product-category-width) + var(--col-ec-product-sale-amount-width) + var(--col-ec-product-quantity-width) + var(--col-ec-product-status-width) + var(--col-ec-progress-width) + var(--col-ec-progress-width) + var(--col-ec-progress-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--ec-product-management-max-width)}#ec-product-table{position:relative}#ec-product-table .col-image{width:var(--col-image-width);max-width:var(--col-image-width)}#ec-product-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#ec-product-table .col-ec-seller-name{width:var(--col-ec-seller-name-width);max-width:var(--col-ec-seller-name-width)}#ec-product-table .col-ec-product-id{width:var(--col-ec-product-id-width);max-width:var(--col-ec-product-id-width)}#ec-product-table .col-ec-product-name{width:var(--col-ec-product-name-width);max-width:var(--col-ec-product-name-width)}#ec-product-table .col-ec-product-category{width:var(--col-ec-product-category-width);max-width:var(--col-ec-product-category-width)}#ec-product-table .col-ec-product-sale-amount{width:var(--col-ec-product-sale-amount-width);max-width:var(--col-ec-product-sale-amount-width)}#ec-product-table .col-ec-product-quantity{width:var(--col-ec-product-quantity-width);max-width:var(--col-ec-product-quantity-width)}#ec-product-table .col-ec-product-status{width:var(--col-ec-product-status-width);max-width:var(--col-ec-product-status-width)}#ec-product-table .col-ec-progress{width:var(--col-ec-progress-width);max-width:var(--col-ec-progress-width)}#ec-product-table .col-ec-progress .table-cell-content{display:flex;justify-content:center}#ec-seller-management{--col-number-width: 75px;--col-ec-seller-name-width: 200px;--col-ec-seller-email-width: 300px;--col-ec-seller-status-width: 100px;--col-ec-seller-product-count-width: 150px;--col-ec-seller-total-product-amount-width: 150px;--col-actions-width: 75px;--ec-seller-management-max-width: calc( var(--col-number-width) + var(--col-ec-seller-name-width) + var(--col-ec-seller-email-width) + var(--col-ec-seller-status-width) + var(--col-ec-seller-product-count-width) + var(--col-ec-seller-total-product-amount-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--ec-seller-management-max-width)}#ec-seller-table{position:relative}#ec-seller-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#ec-seller-table .col-ec-seller-name{width:var(--col-ec-seller-name-width);max-width:var(--col-ec-seller-name-width)}#ec-seller-table .col-ec-seller-email{width:var(--col-ec-seller-email-width);max-width:var(--col-ec-seller-email-width)}#ec-seller-table .col-ec-seller-status{width:var(--col-ec-seller-status-width);max-width:var(--col-ec-seller-status-width)}#ec-seller-table .col-ec-seller-product-count{width:var(--col-ec-seller-product-count-width);max-width:var(--col-ec-seller-product-count-width)}#ec-seller-table .col-ec-seller-total-product-amount{width:var(--col-ec-seller-total-product-amount-width);max-width:var(--col-ec-seller-total-product-amount-width)}#admin-settings{--col-number-width: 75px;--col-admin-account-id-width: 150px;--col-admin-login-id-width: 150px;--col-admin-name-width: 150px;--col-admin-email-width: 200px;--col-admin-is-active-width: 100px;--col-admin-login-attempt-count-width: 150px;--col-admin-is-locked-width: 100px;--col-actions-width: 75px;--admin-settings-max-width: calc( var(--col-number-width) + var(--col-admin-account-id-width) + var(--col-admin-login-id-width) + var(--col-admin-name-width) + var(--col-admin-email-width) + var(--col-admin-is-active-width) + var(--col-admin-login-attempt-count-width) + var(--col-admin-is-locked-width) + var(--col-actions-width) );grid-column:content-start / content-end;position:relative;max-width:var(--admin-settings-max-width)}#admin-settings-table{position:relative}#admin-settings-table .col-number{width:var(--col-number-width);max-width:var(--col-number-width)}#admin-settings-table .col-admin-account-id{width:var(--col-admin-account-id-width);max-width:var(--col-admin-account-id-width)}#admin-settings-table .col-admin-login-id{width:var(--col-admin-login-id-width);max-width:var(--col-admin-login-id-width)}#admin-settings-table .col-admin-name{width:var(--col-admin-name-width);max-width:var(--col-admin-name-width)}#admin-settings-table .col-admin-email{width:var(--col-admin-email-width);max-width:var(--col-admin-email-width)}#admin-settings-table .col-admin-is-active{width:var(--col-admin-is-active-width);max-width:var(--col-admin-is-active-width)}#admin-settings-table .col-admin-login-attempt-count{width:var(--col-admin-login-attempt-count-width);max-width:var(--col-admin-login-attempt-count-width)}#admin-settings-table .col-admin-is-locked{width:var(--col-admin-is-locked-width);max-width:var(--col-admin-is-locked-width)}#admin-settings-table .table-cell-content{display:flex;justify-content:center}.inner-wrapper{padding:4rem 0;flex:1 1 0%;display:grid;overflow-y:auto}@media screen and (min-width:0px){.inner-wrapper{flex:1 1 0%;display:grid;grid-template-columns:[full-start] 2rem [content-start] minmax(0,1fr) [content-end] 2rem [full-end]}}@media screen and (min-width:1080px){.inner-wrapper{flex:1 1 0%;display:grid;grid-template-columns:[full-start] 4rem [content-start] minmax(0,1fr) [content-end] 4rem [full-end]}}#nav{left:0;display:flex;flex-direction:column;background-color:var(--clr-nav-background);z-index:var(--z-navigation-component);transition:width .15s ease-out}#nav.closed .nav-item-inner{height:3rem!important}#nav.closed .nav-item>button{display:none}.nav-toggle{min-width:3rem;width:3rem;min-height:3rem;height:3rem;display:flex;justify-content:center;align-items:center;color:var(--clr-nav-font);background-color:var(--clr-nav-toggle-background);transition:all .3s ease-out;transform:translate(50%);border-radius:9999px}.nav-toggle:focus,.nav-toggle:hover{color:var(--clr-nav-font-active);background-color:var(--clr-nav-toggle-background-active)}#nav .nav-content{width:100%;padding-top:5rem;padding-bottom:2rem;display:flex;flex-direction:column;gap:2rem;overflow:auto;scrollbar-width:none}#nav .nav-content ul{width:100%}.nav-item{position:relative;padding-left:1rem;padding-right:1rem;transition:all .3s ease-out;overflow:hidden;color:var(--clr-nav-font)}.nav-item .icon{margin:.5rem;padding:.5rem;border-radius:9999px;transition:all .3s ease-out}.nav-item button{position:absolute;top:0;right:1rem}.nav-item .nav-item-inner{width:100%;height:3rem;display:flex;flex-direction:column;border-radius:.25rem;transition:all .3s ease-out;overflow:hidden}.nav-item .nav-item-inner a{width:100%;display:flex;align-items:center;gap:1rem}.nav-item .nav-item-inner a>span{padding-right:1rem;transition:all .3s ease-out}.nav-item.active{color:var(--clr-nav-font-active)}.nav-item.active .nav-item-inner{background-color:var(--clr-nav-background-active)}.nav-item button:hover,.nav-item button:active{background-color:var(--clr-nav-accordion-active)}.nav-item[data-expanded=true] button{rotate:180deg}.nav-item[data-expanded=true] .nav-item-inner{height:auto}.nav-item .nav-item-inner a[data-active=false]{color:var(--clr-nav-font)}.nav-item .nav-item-inner a[data-active=true],.nav-item .nav-item-inner a[data-active=false]:focus,.nav-item .nav-item-inner a[data-active=false]:hover{color:var(--clr-nav-font-active)}@media screen and (min-width:0px){#nav{position:fixed;top:3rem;width:min(360px,calc(100% - 1.5rem));height:calc(100vh - 3rem)}#nav.closed{left:-4.5rem;width:5rem}.nav-toggle{position:absolute;right:0;bottom:3rem}}@media screen and (min-width:1080px){#nav{position:sticky;top:0;width:360px;height:calc(100vh - 3rem)}#nav.closed{left:0rem;width:5rem}.nav-toggle{bottom:unset;top:2rem}}.outer-wrapper{display:flex;flex:1 1 0%;overflow-x:hidden}.map-wrapper{flex:1 1 0%;display:grid;grid-template-columns:[full-start] 4rem [content-start] minmax(0,1fr) [content-end] 4rem [full-end];overflow-y:auto}#synthoria-calendar-picker .sub-header{display:flex;align-items:center;gap:1rem}#synthoria-calendar-picker .sub-header button{flex:1;width:100%;height:2.25rem;padding:0 1rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--clr-gray-50);border-radius:.25rem}#synthoria-calendar-picker .sub-header button.active{box-shadow:0 0 4px var(--clr-primary-500)}#synthoria-calendar-picker .main-header{display:flex;align-items:center;gap:1rem}#synthoria-calendar-picker .main-header .header-item{flex:1;display:flex;align-items:center;justify-content:space-evenly}#synthoria-calendar-picker .main-header .icon-button-item{width:2.25rem;height:2.25rem;display:flex;justify-content:center;align-items:center;border:1px solid var(--clr-gray-50);border-radius:9999px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;row-gap:.5rem}.calendar-cell{width:min(3rem,100%);position:relative;display:flex;justify-self:center;align-self:center;aspect-ratio:1 / 1;border-radius:9999px;transition:background-color .15s ease,color .15s ease;justify-content:center;align-items:center}.calendar-today{border:1px solid var(--clr-primary-100)}.calendar-cell:not(:disabled):hover{background-color:var(--clr-primary-200)}.calendar-start,.calendar-end{background-color:var(--clr-primary-500);color:#fff}.calendar-in-range{background-color:var(--clr-primary-100);color:var(--clr-primary-700)}.calendar-start{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.calendar-end{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.synthoria-image-modal{position:fixed;top:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;padding:4rem 1rem;display:flex;justify-content:center;align-items:center;background-color:#0009;z-index:var(--z-image-modal-component)}.synthoria-image-modal button{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;color:#fff;display:flex;justify-content:center;align-items:center}.synthoria-image-modal button:hover{border:1px solid white}.synthoria-image-modal img{padding:1rem;max-width:100%;max-height:100%;background-color:#fff3;object-fit:contain;aspect-ratio:1}.synthoria-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.synthoria-image-upload-content button{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center;border-radius:9999px;color:var(--clr-primary-500);background-color:var(--clr-primary-100)}.synthoria-image-upload-content button svg{width:3rem;height:3rem}#send-parcel-modal form button.send-parcel-add-users{width:100%;height:3rem;padding:0 1rem;display:flex;align-items:center;background-color:var(--clr-primary-100);border:1px solid var(--clr-primary-100);border-radius:.25rem;transition:.3s}#send-parcel-modal form ul.send-parcel-user-list{width:100%;min-height:3rem;padding:.25rem 1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border:1px solid var(--clr-gray-50);border-radius:.25rem}#send-parcel-modal form ul.send-parcel-user-list li{height:2.25rem;padding:0 .5rem;display:flex;align-items:center;gap:.25rem;background:var(--clr-primary-300);border:1px solid var(--clr-primary-300);border-radius:1rem}#send-parcel-modal form ul.send-parcel-user-list li>span{white-space:nowrap}#send-parcel-modal form ul.send-parcel-user-list li>button{padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px}#send-parcel-modal form ul.send-parcel-user-list li>button:hover{background-color:var(--clr-primary-500)}#select-users-popup{min-height:min(100%,400px)}#select-users-popup ul.user-list{--col-user-id-width: 50px;--col-user-character-name-width: 150px;--col-user-email-width: 200px;position:relative;display:grid;grid-template-columns:max-content 1fr 1fr;overflow:auto;overscroll-behavior:auto;touch-action:auto}#select-users-popup ul.user-list>li{display:contents}#select-users-popup ul.user-list li.grid-table-header div{position:sticky;top:0;padding:0 .5rem;height:2.75rem;display:flex;align-items:center;background-color:#fff;border-bottom:4px solid var(--clr-primary-300)}#select-users-popup ul.user-list li.grid-table-header div:hover{background-color:var(--clr-primary-300)}#select-users-popup ul.user-list li.grid-table-row[data-selected=true] div{background-color:var(--clr-primary-100)!important}#select-users-popup ul.user-list li.grid-table-row div{padding:0 .5rem;height:2.75rem;display:flex;align-items:center;border-bottom:1px solid var(--clr-gray-100)}#select-users-popup ul.user-list li.grid-table-row div:not(:first-of-type){border-left:.5px solid var(--clr-gray-100)}#select-users-popup ul.user-list li.grid-table-row div:not(:last-of-type){border-right:.5px solid var(--clr-gray-100)}#select-users-popup ul.user-list .user-list-header .col-user-id{grid-column:1}#select-users-popup ul.user-list .user-list-header .col-user-main-character-name{grid-column:2}#select-users-popup ul.user-list .user-list-header .col-user-email{grid-column:3}
