.scroller{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:var(--scroller-width, 600px)}@media only screen and (min-width: 300px){.scroller{max-width:100%}}@media only screen and (min-width: 480px){.scroller{max-width:90%}}@media only screen and (min-width: 768px){.scroller{max-width:60%}}@media only screen and (min-width: 1024px){.scroller{max-width:50%}}.scroller.l{width:100%!important;max-width:100%!important}.scroll{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:var(--gap)}.scroller__inner{--scroll-start: 0;--scroll-end: calc(-100% - var(--gap));flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;animation:scroll var(--_animation-duration, 10s) var(--_animation-direction, forwards) linear infinite}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=fast]{--_animation-duration: 30s}.scroller[data-speed=medium]{--_animation-duration: 35s}.scroller[data-speed=slow]{--_animation-duration: 40s}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(var(--scroll-end))}}:root{color-scheme:light dark;font-family:DM Sans,sans-serif;font-optical-sizing:auto;background:#010103;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;max-width:100vw;--color-white: rgb(213, 217, 235);--active-color: rgba(46, 46, 50, .5);--active-bg-color: rgba(46, 46, 50, .5);--active-cta-color: #2e2e3280;--active-font-color: white}body{overflow-x:clip;max-width:100vw;scroll-behavior:smooth}*:not([data-font-family=serif]){font-family:DM Sans,sans-serif}*[data-font-family=serif]{font-family:"DM Serif Display",sans-serif;font-style:italic}*[data-hover-opacity]{transition:.8s}*[data-hover-opacity]:hover{opacity:.7!important}*[data-text-fill]{display:inline-block;background-image:linear-gradient(0deg,#c7c7c7,#fafafa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}*[data-text-shadow]{text-shadow:rgba(0,0,0,.2) 0px 4px 9px}*[data-text-shadow-white]{text-shadow:rgba(255,255,255,.33) 0px 0px 7px}.project-card:hover .project-logo{filter:grayscale(0)}.grow>*{border-radius:32px;flex-grow:1!important;width:100%!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button,input,textarea{border-radius:15px}button{text-transform:capitalize}.single-project-container h1:not([data-white]),.single-project-container h2:not([data-white]){color:var(--active-font-color)}.container{align-items:flex-start;flex:none;flex-wrap:nowrap;gap:48px;justify-content:flex-start;max-width:1200px;overflow:visible;padding:40px 48px;position:relative;width:100%;z-index:2}.detail-toggler .toggler-stack{line-height:normal;position:relative}.toggler-stack p{opacity:.6;position:absolute;width:fit-content;bottom:0;transition:bottom .7s,opacity .7s,font-size .7s;font-size:small}.spin{transition:transform .5s ease;transform:rotate(360deg)}.toggler-stack .active{opacity:1;bottom:40%;font-size:large;font-weight:600}@media (min-width: 500px) and (max-width: 779px){.container{align-content:center;align-items:center;padding:20px 40px}}@keyframes wander{0%{opacity:0;transform:rotate(22.6deg)}50%{opacity:.4;transform:scale(.6) translate(400px) translateY(160px) rotate(22.6deg)}to{opacity:0;transform:translate(780px) translateY(320px) rotate(22.6deg)}}@keyframes bg-grow{0%{width:0%;height:10vh}to{width:100%;height:100vh}}[data-border=true]{position:relative;border-radius:1em}[data-border=true]:after{content:"";border-width:var(--border-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}button{overflow:clip;box-shadow:#0000002e 0 .602187px .602187px -1.25px,#00000029 0 2.28853px 2.28853px -2.5px,#00000010 0 10px 10px -3.75px;transition:all .7s}.project-card:hover .shadow{opacity:.3}.project-card .shadow.admin-project-bg{border-radius:100000%;opacity:.7;top:0;right:0;bottom:0;left:0;scale:.7;animation:glowAndRotate 10s linear infinite}.project-card:hover .shadow.admin-project-bg{opacity:1;scale:.8}@keyframes glowAndRotate{to{transform:rotate(360deg)}}.btn-glow-wrapper>button{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;top:0;right:0;bottom:0;left:0;overflow:visible;z-index:2;border-radius:var(--radius, 15px)}.btn-border{background:conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,0) 0deg,rgba(217,217,217,0) 176.757deg,var(--ht-color, white) 223.784deg,rgba(194,194,194,0) 274.054deg,rgba(171,171,171,0) 360deg);width:100%;height:400%;position:absolute;overflow:hidden;will-change:transform;transition:all 1s linear;animation:rotate-gradient 5s linear infinite}@keyframes rotate-gradient{to{transform:rotate(360deg)}}[data-bg-glow]{position:relative;z-index:0}[data-bg-glow]:after{content:"";position:absolute;width:80%;height:80%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:100%;z-index:-1;filter:blur(20px);opacity:0;transition:1s all linear;background:radial-gradient(50% 50% at 50% 50%,#fff,#ababab00)}[data-bg-glow]:hover:after{opacity:.6}.overflow-container{mask:linear-gradient(90deg,transparent,white 0%,white 90%,transparent)}.admin-project-card:hover{cursor:pointer}.admin-project-card:hover img{scale:.98}.project-controls{opacity:0;transition:all .5s}.admin-edit-container:hover .project-controls{opacity:1}.block-container{border-color:transparent;transition:all .7s}.block-container:hover{border-color:var(--chakra-colors-gray-900)}.block-container img{border-radius:12px;overflow:clip}.block-del-btn{opacity:0;visibility:hidden;transition:opacity .7s,transform .7s,visibility .7s;transform:translateY(-8px);pointer-events:none}.block-container:hover .block-del-btn{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{transition:all .7s;background-color:color-mix(in srgb,var(--active-cta-color, gray) 50%,black 50%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--active-cta-color, gray) 80%,black 20%)}
