html{width:100%}#locimoi{--locimoi-pad:10px;--overbg:#fff;--sbbt-color:#eee;--sbth-color:#37474f;--sbtr-color:#b0bec5;--divider:0.86;--meta-cover-radius:4px;--title-fs:1.4rem;--desc-fs:1rem;--nav-fs:1.1rem;--menu-title-fs:1.1rem;--desc-clamp:clamp(1rem,2.4vw,1.75rem);--title-clamp:clamp(1rem,2.4vw,4rem);--sub-clamp:clamp(1rem,5vw,4rem);--big-clamp:clamp(1rem,4vw,6rem);--loci-rad:6px;--shadow-blur:4px;--shadow-pos:4px;--shadow-neg:-4px;--shadow-inset-blur:20px;--shadow-inset-pos:20px;--shadow-inset-neg:-20px;--shadow-blur:0px;--shadow-pos:0px;--shadow-neg:0px;--shadow-inset-blur:0px;--shadow-inset-pos:0px;--shadow-inset-neg:0px;--all-round:0 0 var(--shadow-blur) var(--shadow-pos) rgba(238,238,242,.8);--left-shadow:var(--shadow-neg) 0 var(--shadow-blur) 0 rgba(238,238,242,.8);--bottom-left-shadow:var(--shadow-neg) var(--shadow-pos) var(--shadow-blur) var(--shadow-pos) rgba(238,238,242,.8);--top-shadow:0px var(--shadow-neg) var(--shadow-blur) var(--shadow-pos) rgba(238,238,242,.8);align-items:flex-start;margin:0 auto;width:86vw;width:calc(100vw*var(--divider))}#locimoi_m{align-content:flex-start;align-items:flex-start;position:absolute;width:100vw;z-index:999999;>.navigation{color:#fff;flex-grow:0}.locus.display{flex-grow:0}&.interactive{background:#fff;background-color:rgba(52,54,69,0);background-color:#f0f2f8;min-height:100vh;padding-bottom:20px;position:relative;+#locimoi{display:none}>.navigation{color:#111}.locus.display{background-color:#fff;position:relative}}}@font-face{font-family:Bebas_Neue;src:url(../../locimoi-fonts/Bebas_Neue/BebasNeue-Regular.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:200;src:url(../../locimoi-fonts/Mukta/Mukta-ExtraLight.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:300;src:url(../../locimoi-fonts/Mukta/Mukta-Light.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:400;src:url(../../locimoi-fonts/Mukta/Mukta-Regular.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:500;src:url(../../locimoi-fonts/Mukta/Mukta-Medium.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:600;src:url(../../locimoi-fonts/Mukta/Mukta-SemiBold.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:700;src:url(../../locimoi-fonts/Mukta/Mukta-Bold.ttf) format("opentype")}@font-face{font-display:swap;font-family:Mukta;font-weight:800;src:url(../../locimoi-fonts/Mukta/Mukta-ExtraBold.ttf) format("opentype")}@property --ls{syntax:"<number>";initial-value:1;inherits:false}@property --lo{syntax:"<number>";initial-value:1;inherits:false}.locus.inert{height:var(--lh);opacity:var(--lo);transform:scale(var(--ls));transition:height .6s ease-in-out,transform .6s ease-in-out,opacity .6s ease-in-out,left .6s ease-in-out,top .6s ease-in-out;will-change:height,transform,left,top,opacity}.locus.new{opacity:0;transition:all .2s}.overflow{background-color:var(--overbg);background-color:#222;.ci-title{color:#fff}}.locus.gene{width:-moz-min-content;width:min-content}.content-item.on-path.level-2{width:calc(100vw*var(--divider)*.6 - var(--locimoi-pad)*2*.6);&+.locus.content{width:calc(100vw*var(--divider)*.4 - var(--locimoi-pad)*2*.4)}&~.locus.meta{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}&.empty~.locus.meta{width:100%}}.content-item.on-path.level-1{width:calc(100vw*var(--divider)*.8 - var(--locimoi-pad)*2*.8);&+.locus.content{width:calc(100vw*var(--divider)*.6 - var(--locimoi-pad)*2*.6)}&~.locus.meta{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}&.empty~.locus.meta{width:100%}}.content-item.on-path.level-0{width:calc(100vw*var(--divider)*1 - var(--locimoi-pad)*2*1);&+.locus.content{border-radius:var(--loci-rad) 0 0 var(--loci-rad);box-shadow:var(--left-shadow);width:calc(100vw*var(--divider)*.8 - var(--locimoi-pad)*2*.8)}&~.locus.meta{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}>.ci-cover{border-radius:var(--loci-rad) var(--loci-rad) var(--loci-rad) var(--loci-rad);box-shadow:var(--all-round)}>.ci-desc{border-radius:0 0 0 var(--loci-rad);box-shadow:var(--bottom-left-shadow);padding:6px}&.empty~.locus.meta{justify-content:space-between;width:100%;.content-item{max-width:32%}}}.content-item.in-path.level-1{>.ci-cover,>.locus.gene{border-radius:0}}.content-item.on-path>.ci-cover{border-radius:0 var(--loci-rad) var(--loci-rad) 0;box-shadow:var(--top-shadow);overflow:hidden}.locus.gene.level-1,.locus.gene.level-2{.content-item.on-path>.ci-cover{background-color:#7d4769}}.content-item.in-path>.ci-cover{border-radius:var(--loci-rad) 0 0 var(--loci-rad);box-shadow:var(--left-shadow);overflow:hidden}.content-item.on-path>.locus.gene>.content-item{.ci-cover{height:100%;position:absolute}.ci-desc{backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.9);padding:6px;z-index:5}.ci-anchor{z-index:6}}.content-item.on-path.sect[data-empty="0"]{.locus.gene{background-color:#eeeef2;border-radius:0 var(--loci-rad) 0 0;padding-bottom:calc(var(--ci-padding) + 2px);padding-top:calc(var(--ci-padding) + 2px)}+.content.locus,~.meta.locus{border-radius:0 0 0 0;margin-top:0}&.level-0{.locus.gene{border-radius:var(--loci-rad) var(--loci-rad) 0 0;box-shadow:var(--top-shadow)}}}.in-path .content-item.on-path>.locus.gene>.content-item .ci-title{position:relative}.content-item.in-path,.content-item.results{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2);.ci-desc{display:none}>.locus.gene{background-color:#eeeef2;border-radius:var(--loci-rad) 0 0 var(--loci-rad);box-shadow:var(--left-shadow);margin-top:20px;overflow-x:scroll;padding-left:2px;padding-right:2px;&.index{padding:var(--ci-padding);padding-top:30px}}&.category>.locus.gene{border-radius:0 var(--loci-rad) var(--loci-rad) 0}}.in-path .content-item,.in-path .content-item.on-path,.results .content-item{width:calc(100vw*var(--divider)*.31 - var(--locimoi-pad)*2*.31)}.results .content-item .ci-title{font-size:.88rem}.locus.gene>.content-item.loci.on-path{>.ci-anchor,>.ci-cover,>.ci-title{display:none}}.locus.main{display:flex}.empty.on-path+.meta{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}.empty~.locus.meta{border-radius:0 0 0 0;justify-content:space-between;margin-top:0;.content-item{width:32%}}.empty.on-path:not(.category) .locus.gene:not(.index),.on-path .content.loci+.locus.gene:not(.index){align-items:stretch;background-color:#eeeef2;border-radius:0 var(--loci-rad) 0 0;flex-grow:1;justify-content:space-between;margin-top:20px;padding:10px 10px 20px 20px;width:auto;&[data-level="1"]{border-radius:var(--loci-rad) var(--loci-rad) var(--loci-rad) var(--loci-rad);box-shadow:var(--all-round)}.content-item{border-radius:var(--loci-rad) var(--loci-rad) var(--loci-rad) var(--loci-rad);box-shadow:var(--all-round);flex-grow:1;flex-shrink:1;margin-left:0;margin-right:10px;margin-top:20px;min-height:200px;min-width:19%;overflow:hidden;padding-bottom:0;width:180px;.ci-title{color:hsla(0,0%,100%,.9);color:var(--tertiary-99);font-family:Mukta;font-size:clamp(1rem,2.4vw,4rem);font-size:var(--title-clamp);font-weight:100;font-weight:900;height:auto;line-height:1.2;opacity:.9;padding:10px;text-shadow:-1px -1px 1px hsla(0,0%,100%,.1),1px 1px 1px rgba(0,0,0,.5);top:100px;width:100%;z-index:4}.ci-cover{background-color:#343645;height:100%}.ci-desc{margin-top:auto}}.content-item:first-of-type{flex-grow:1;width:38%}}.on-path .locus.gene:not(.index){flex-grow:1;margin-top:20px;width:100%;.content-item{margin-right:10px;width:auto}}.locus.gene.alpha{flex-grow:1}.locus.gene.product{box-sizing:border-box;.locus.content{border-radius:var(--loci-rad) 0 0 var(--loci-rad);margin-left:20px}.locus.meta{width:calc(100vw*var(--divider)*.2 - 20px - var(--locimoi-pad)*2*.2)}}.content-item.on-path.alpha{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}#locimoi>.locus.gene{.content-item.category{>.locus.gene{align-items:stretch;flex-grow:1;justify-content:space-between;justify-content:flex-start;width:100%}.content-item.product{.ci-title{padding:8px 8px auto;position:relative;top:0;z-index:2}.ci-anchor{z-index:6}.ci-desc{padding:8px}.prod-details{display:none}}&.on-path{.locus.gene{.ci-cover,.ci-desc,.ci-title{width:200px}}}}}.ci-download{background-color:var(--tertiary-20);color:#fff;padding:20px;text-decoration:none}.ci-title{align-content:center;align-items:center;display:flex;flex-grow:0;flex-shrink:0}.locus.gene .ci-title{font-size:var(--menu-title-fs);transition:all .4s}.locus.gene .ci-desc{font-size:var(--desc-fs)}#locus_gene_0{width:100%;.ci-title{font-size:1.2rem;width:100%}.ci-anchor{display:none}.locus.content{width:100%!important}}.locus.gene{align-items:flex-start;display:flex;flex-grow:0;max-width:100%;transition:width .1s linear,min-width .1s ease-out,max-width .1s ease-in;will-change:height,transform,left,top,opacity;&.index>.index-group>.content-item>.ci-cover,.locus.gene .locus.gene{display:none}.ci-title{font-weight:400;line-height:1.3}>.content-item{>.ci-cover{display:none}&.in-path,&.on-path{>.ci-cover{display:flex;position:absolute;top:0}>.ci-title{font-family:Mukta;font-size:clamp(1rem,2.4vw,4rem);font-size:var(--title-clamp);z-index:20}.ci-anchor,>.ci-cover,>.ci-title{height:200px}.content-item.in-path,.content-item.on-path{>.ci-cover{display:none}>.ci-title{background-color:#e2e3e9;font-family:Mukta;font-size:var(--menu-title-fs);font-weight:400;height:auto;line-height:1.3;text-shadow:none}>.ci-anchor{height:100%}>.prod-details{display:none}}.content-item{>.ci-anchor{height:100%}}}&.in-path{>.ci-title{background-color:hsla(0,0%,100%,.8);color:#111;font-size:24px;font-size:1.5rem;font-size:var(--menu-title-fs);font-weight:100;line-height:1.1;transition:color .6s ease-in-out,height .6s ease-in-out,background-color .6s ease-in-out}.on-path{>.ci-title{background-color:#e2e3e9;color:#111}}}&.on-path{>.ci-title{color:#fff;font-size:36px;font-size:2.2rem;font-size:var(--title-fs);font-weight:100;font-weight:900;line-height:1.1;text-shadow:2px 2px 8px #000;transition:color .6s ease-in-out,height .6s ease-in-out,background-color .6s ease-in-out}>.ci-desc{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.6);padding:8px;position:absolute;top:200px;transform:translateY(-100%)}.ci-cover{display:flex;height:200px;iframe{display:none}}&.list.empty.level-1,&.sect.empty.level-1{>.ci-desc{z-index:10}}&[data-plugin="1"]{.ci-anchor,.ci-cover,.ci-desc,.ci-title{display:none}}}&.filter{flex-flow:row wrap;.ci-anchor,.ci-cover,>.ci-title{width:calc(100vw*var(--divider)*.2 - var(--locimoi-pad)*2*.2)}.locus.content{.ci-desc,.ci-title{display:none}.ci-content :first-child{margin-top:0}}}}&[data-empty="0"]{.locus.content{>.ci-desc,>.ci-title{display:none}}}}.locus.gene.results{display:flex;flex-grow:1;>.content-item.results{flex-grow:1;>.ci-anchor,>.ci-title{display:none}.content-item.on-path .ci-desc{padding:8px;position:relative;top:0;transform:translateY(0)}.content-item .ci-desc{padding:8px}>.locus.gene{border-radius:0 var(--loci-rad) var(--loci-rad) 0;box-shadow:var(--top-shadow);flex-grow:1;height:200px;justify-content:space-between;margin-top:0;width:auto}&.empty{>.locus.gene{border-radius:0 20px 0 0}}}}.locus.content{background-color:#f9f9fb;border-radius:0 0 0 var(--loci-rad);margin-top:20px;overflow:hidden;padding:20px}.locus.content.loci{background-color:transparent;height:-moz-min-content;height:min-content;position:relative}.locus.meta{background-color:#4e5269;border-radius:0 var(--loci-rad) 0 0;color:#fff;display:flex;margin-top:20px;overflow:hidden;position:sticky;top:0;.locus-title{box-sizing:border-box;color:var(--primary-99);flex-grow:0;font-size:1.2rem;font-weight:600;min-width:100%;padding:40px 40px 40px 20px}.content-item{border-bottom:1px solid #eee;box-sizing:border-box;flex-grow:1;margin-bottom:8px;padding:8px 6px}.content-item:last-of-type{border-bottom:none}.content-item.product{min-width:180px}.ci-cover{border-radius:var(--meta-cover-radius)}}.alpha .content-item.on-path~.locus.meta,.archive .content-item.on-path~.locus.meta{width:calc(100vw*var(--divider)*1 - var(--locimoi-pad)*2*1)}.ci-content{position:relative;width:100%}.locus.feature{.ci-title{color:#343645;font-family:Mukta;font-size:56px;font-size:3.5rem;font-size:clamp(1rem,2.8vw,4rem);font-size:var(--title-clamp);font-weight:800;line-height:1.2;text-shadow:-1px -1px 1px hsla(0,0%,100%,.1),1px 1px 1px rgba(0,0,0,.5)}.ci-sub,.ci-title{align-content:flex-end;align-items:flex-end;text-align:right}}.locus.poster{align-content:flex-end;align-items:stretch;justify-content:flex-end;.locus{display:none}.content-item{flex-grow:1;margin:10px;min-height:180px;overflow:hidden;width:280px}.content-item:first-of-type{flex-grow:1;min-height:220px;width:50%;.ci-sub{font-size:clamp(1rem,5vw,4rem);font-size:var(--sub-clamp);text-transform:uppercase}.ci-desc{background-color:#4e5269;background-color:#e8e8ed;font-size:clamp(1rem,2.4vw,1.75rem);font-size:var(--desc-clamp);margin-top:120px;padding:10px 20px 20px}}.ci-poster{background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ci-title{backdrop-filter:blur(10px);background-color:rgba(0,0,0,.3);color:hsla(0,0%,100%,.8);font-size:16px;font-size:1rem;font-size:var(--menu-title-fs);font-weight:100;justify-content:center;text-align:center}& .locus.gene[data-level="1"]{display:none}}.ci-sub{align-content:flex-end;align-items:flex-end;align-self:flex-end;backdrop-filter:blur(2px);box-sizing:border-box;display:flex;flex-flow:row wrap;flex-grow:1;font-family:Mukta;font-size:56px;font-size:clamp(1rem,3.6vw,4rem);font-size:var(--sub-clamp);font-weight:800;justify-content:right;line-height:1.2;max-width:100%;opacity:.9;overflow:hidden;padding-bottom:2%;padding-left:10%;padding-right:2%;text-align:right;text-shadow:-1px -1px 1px hsla(0,0%,100%,.1),1px 1px 1px rgba(0,0,0,.5);width:100%}.locus.navigation{*{font-size:var(--nav-fs)}.content-item{&.on-path{>.ci-title{background-color:#4e5269;color:#fff}}}}.prod-details{background-color:#e8e8ed;background-color:#f9f9fb;border-radius:var(--loci-rad) var(--loci-rad) var(--loci-rad) var(--loci-rad);box-shadow:var(--all-round);margin-left:20px;margin-top:20px;padding:20px;.prod-add{background-color:#585b74}}.meta .prod-details{border-radius:var(--meta-cover-radius);margin-left:0}.meta .prod-add{background-color:#c5c7d3}.locus.header{padding-top:7px;z-index:9999}.locus.header:before{backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.4);background-color:#343645;background-color:rgba(52,54,69,.8);content:"";display:inline-block;height:calc(100% + var(--locimoi-pad));left:calc(0px - var(--locimoi-pad) - 100vw*(1 - var(--divider))/2);position:absolute;top:calc(0px - var(--locimoi-pad));width:100vw;z-index:-1}#locimoi.content .locus.header:before{background-color:#343645}#locimoi.content .locus.header{margin-bottom:20px}.content.loci{min-width:100%;&+.fluid,&~.fluid{min-width:100%}}.content-item.loci.on-path+.fluid{min-width:100%}.content.plugin{min-width:100%;padding:0;&+.fluid{min-width:100%}}.locus.ilinks{display:flex}.branding{display:flex;flex-flow:row wrap;justify-content:center;margin:0 auto 10px;position:relative;width:280px;.loci-logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100px;position:relative;width:200px}}#locimoi.home .footer{left:calc(0px - var(--locimoi-pad) - 100vw*(1 - var(--divider))/2);max-width:100vw;min-width:100vw;position:relative;width:100vw}.letterbox{animation-duration:2.6s;animation-timing-function:ease-in-out}@keyframes letterbox{0%{transform:rotateX(-70deg)}20%{transform:rotateX(30deg)}50%{transform:rotateX(-30deg)}60%{transform:rotateX(20deg)}70%{transform:rotateX(-20deg)}80%{transform:rotateX(16deg)}90%{transform:rotateX(-16deg)}to{transform:rotateX(0deg)}}