:root{touch-action:pan-x pan-y;height:100%;color-scheme:light;--font-size-base:16px;--text-main--color:#091d30;--text-gray--color:#8093aa;--text-gray-light--color:#bac4d1;--icon-main--color:#091d30;--icon-main--color-5:#2e353b;--button-standard--color:white;--button-standard--bg-color:black;--button-standard--font-weight:300;--button-standard--border-radius:4px;--button-standard--padding:8px 12px;--button-standard--border:1px solid black;--button-standard--color-t:#083158;--button-standard--bg-color-t:transparent;--button-standard--font-weight-t:300;--button-standard--border-radius-t:4px;--button-standard--padding-t:8px 12px;--button-standard--border-t:1px solid #083158;--body-background-color:#55595e;--scroll-bar-thumb-color:#bac4d1;--scroll-bar-background-color:var(--body-background-color);--scroll-bar-thumb-color-1:var(--text-gray-light--color);--scroll-bar-background-color-1:white;--scroll-bar-thumb-color-2:var(--text-gray-light--color);--scroll-bar-background-color-2:white;background-color:var(--scroll-bar-background-color);scrollbar-color:var(--scroll-bar-thumb-color) var(--scroll-bar-background-color);scrollbar-width:thin}@media (prefers-color-scheme:dark){:root{background-color:var(--body-background-color)}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;padding:0;margin:0;outline-style:none;text-rendering:geometricPrecision}html,body{max-width:100vw}body{--margin-bottom:40px}::-webkit-scrollbar{height:4px;width:4px;background-color:var(--scroll-bar-background-color)}::-webkit-scrollbar-thumb{background-color:var(--scroll-bar-thumb-color);-webkit-border-radius:0px;-webkit-box-shadow:none}.ui-scrollbar,.ui-scrollbar::-webkit-scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-1);scrollbar-color:var(--scroll-bar-thumb-color-1) var(--scroll-bar-background-color-1)}.ui-scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-bar-thumb-color-1)}.ui-menu-left--scrollbar,.ui-menu-left--scrollbar::-webkit-scrollbar{scrollbar-width:thin;background-color:var(--scroll-bar-background-color-2);scrollbar-color:var(--scroll-bar-thumb-color-2) var(--scroll-bar-background-color-2)}.ui-menu-left--scrollbar::-webkit-scrollbar-thumb{background-color:var(--scroll-bar-thumb-color-2)}.logo{width:clamp(40px,4vw,60px);margin-top:6px}.nav{line-height:1rem;margin-top:auto;padding-left:clamp(8px,1.2vw,200px);padding-bottom:clamp(8px,1vh,200px)}.nav a{font-size:.75rem;font-weight:700}.ui-page{display:flex;height:1800px}.main-nav .logo{width:clamp(40px,4vw,60px);margin-left:clamp(10%,1.2vw,200px);margin-bottom:20px}.main-nav .nav{padding-left:clamp(10%,1.2vw,200px)}.main-nav .nav a{font-size:clamp(1em,3vw,1.3em)}.ui-page--wrp{display:flex;flex-direction:column;margin:0 auto auto auto;background-color:white;min-height:400px;max-width:calc(2400px);max-height:calc(100vh);width:calc(100% - 1%);height:calc(100vh - var(--margin-bottom));box-shadow:4px 10px 20px 10px rgba(0,0,0,.3)}.img-box{flex:1;display:flex;position:relative;text-align:center}.img-box--nav{position:absolute;width:inherit;display:flex;flex-grow:1;z-index:2;justify-content:space-between;top:calc(50% - 20px);margin:0;padding:0;left:0px;right:0px}.img-box--nav-left a,.img-box--nav-right a{display:flex;align-items:center;justify-content:center;mix-blend-mode:difference;color:black;font-weight:100;width:60px;height:60px;font-size:50px}.img-box--nav-right{margin-left:auto;margin-right:0px}.img-box--wrp,.img-main{padding:0;margin:auto;max-width:100%;margin-left:auto;margin-right:auto;object-fit:contain;animation:fadeIn 1s}.img-main-preview{display:flex;margin:auto;align-items:center;justify-content:center}.img-box--wrp-inframe,.img-main-inframe{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;height:100%}.img-box--wrp-inframe .img-main-preview{height:100%}.img-box--navInFrameFalse .btn,.img-box--navInFrameTrue .btn{display:flex;align-items:center;justify-content:center;border:0px;background-color:transparent;width:auto;height:auto;font-size:auto}.img-box--max{position:absolute;display:none;z-index:10;background-color:white;width:100%;height:100%}.img-box--max-visible{display:flex}.img-box--max--btn-close{position:absolute;z-index:10;cursor:pointer;top:16px;right:16px}.img-box--max--btn-close .icon{width:2.2rem;height:2.2rem}.img-box--max--image{display:flex;width:100vw;height:100vh}.img-box--max--image img{margin:auto}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.ui-page-frame{display:flex;flex-grow:1;width:100%;height:calc(100% - 8px);padding-left:8px;padding-right:8px;overflow:auto;background-color:transparent}.ui-page--header{display:flex;flex-direction:column;justify-content:space-between;height:20%;min-height:100px;max-height:150px}.ui-page--body{display:flex;flex-grow:2;height:80%}.ui-body--left-sidebar{display:flex;flex-direction:column;min-width:140px;max-width:10%;width:100%;height:calc(100% - 20px);overflow:auto}.ui-body--left-sidebar--top{margin-top:clamp(24%,20%,200px)}.ui-body--left-sidebar--bottom{margin-top:auto;padding-bottom:0px}.ui-body--left-sidebar--bottom .nav-selected{color:var(--text-gray-light--color)}.nav-photo-main{display:flex;align-items:center;margin-top:-2px;justify-content:flex-end}.nav-photo-main .previous,.nav-photo-main .next{margin-right:16px}.nav-photo-main .previous .icon,.nav-photo-main .next .icon{width:1.4em;height:1.4em;opacity:.2}.nav-photo-main .previous .previous-active,.nav-photo-main .next .next-active{opacity:1}.nav-photo-main .all{margin-right:16px}.nav-photo-main .all .icon{width:1.4em;height:1.4em;stroke-width:.9}.nav-photo-main .inframe .icon{width:1.4em;height:1.4em;color:var(--icon-main--color-5)}.nav-photo-main .inframe button:disabled{opacity:.3}.previousDisabled,.nextDisabled{opacity:.3}.box-nav{display:flex;width:100%;height:52px;justify-content:space-between;padding-left:20px;padding-right:clamp(16px,1.2vw,200px)}.box-nav .box-nav-left{max-width:20%;flex:3}.box-nav .box-nav-left,.box-nav .box-nav-right{display:flex;align-items:center}.box-nav .box-nav-left ._btn{margin-right:10px}.box-nav .box-nav-right>div{margin-left:clamp(8px,3vw,200px)}.box-nav ._btn{font-weight:700}.box-nav .box-nav-right ._btn{font-weight:300}.box-nav .box-nav-right ._btn a{color:var(--text-gray--color);font-size:.8rem}.box-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px;padding-bottom:20px}.box-header .box-nav-left{display:flex;flex:3;padding-left:16px}.box-header .box-nav-right{flex:auto;align-items:end;align-self:flex-start;text-align:right;padding-right:1%}.box-header .box-nav-right .nav-small-screen{display:none;width:fit-content;align-self:flex-end;justify-content:flex-end;margin-left:auto}.box-header .box-nav-right .nav-small-screen .icon{width:1.6rem;height:1.6rem}.box-header .page-title{text-transform:uppercase;font-weight:800;white-space:nowrap;min-height:24px}.box-header .page-subtitle{font-weight:600;text-transform:uppercase;margin-left:clamp(12px,1.5%,200px);color:var(--text-gray-light--color);min-height:24px}.box-header .page-title,.box-header .page-subtitle{font-family:'Poppins';line-height:1.2em;font-size:clamp(18px,2.5vw,28px)}.wrapper-w1,.wrapper-w2,.wrapper-w3,.wrapper-w4{display:flex;align-items:stretch}.wrapper-w1>*:nth-child(2),.wrapper-w2>*:nth-child(3),.wrapper-w2>*:nth-child(3),.wrapper-w2>*:nth-child(4){margin-left:auto}@media (max-width:1000px){.ui-body--left-sidebar{display:none}.box-header .box-nav-right .nav-small-screen{display:block}}@media (max-width:800px){.box-header .next{margin-right:0px}.box-header .inframe{display:none}.box-header .box-nav-left{display:flex;flex-direction:column;flex:3;padding-left:clamp(8px,1.2vw,200px);align-self:flex-start}.box-header .page-title{text-transform:uppercase;font-weight:800;white-space:nowrap}.box-header .page-subtitle{margin-left:0px;font-weight:400;font-size:clamp(16px,1vw,1.2vw)}.box-header .box-nav-right{flex:auto;padding-left:2%}}@media (max-width:800px){.box-nav{padding-left:12px;padding-right:16px}}.spinner{border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner .icon{width:36px;height:36px;color:var(--icon-main--color)}