:root{--scale:0}@property --padding-genral{syntax:"<length>";inherits:true;initial-value:1rem}body:has(noscript .mainContain) .container.svelte-1uha8ag:has(.scroller:where(.svelte-1uha8ag)){background-color:#000;display:none}.container.svelte-1uha8ag{z-index:0;width:100vw;height:100lvh;position:relative;inset:0;overflow:hidden}.mainContain.svelte-1uha8ag{scroll-snap-type:x mandatory;will-change:transform, scale, background-color;flex-direction:row;gap:7dvw;width:auto;height:99.8%;padding-inline:5dvw;display:flex;position:relative;overflow:auto hidden}.child-container.contentContain{background-color:color-mix(in srgb, var(--hoverC,var(--white)), #fff7 70%);scroll-snap-align:center;flex:0 0 clamp(60vw,100%,90vw);grid-template-rows:repeat(40,1fr);grid-template-columns:repeat(60,1fr);height:97.5%;margin-top:1px;transition:top .2s ease-out,height .2s ease-out;display:grid;position:relative;top:10px;box-shadow:-4px 9px 25px -6px #0000001a}.contentContain:hover{background-color:color-mix(in srgb, var(--hoverC,var(--white)), #fff7 30%);transition:all .1s ease-out}.contentContain .pad{grid-area:1/1/-1/-1;display:grid;position:relative;padding-inline:var(--padding-genral)!important}@media (width<900px){.mainContain.scroller.svelte-1uha8ag{width:100dvw;padding-inline:3%;display:block}}
