.toggle-input{display:inline-flex;justify-content:center;align-items:center;padding:4px;border-radius:3rem;margin:0 auto}.switches-container,.toggle-input{background:var(--switches-bg-color)}.switches-container{width:60px;position:relative;display:flex;height:30px;margin:auto}.switches-container input{visibility:hidden;position:absolute;top:0}.circle-label{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:2;top:50%;transform:translateY(-50%);cursor:pointer}.circle-label:first-of-type{left:8%}.circle-label:last-of-type{right:8%}.switch-circle{width:100%;height:100%;border-radius:50%}.dark-mode{background:var(--dark)}.woodgrain{background:url(/background__woodgrain.jpg);background-size:cover}.switch-wrapper{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--switch-bg-color);transition:transform .5s cubic-bezier(.77,0,.175,1);z-index:1}.switches-container input:nth-of-type(2):checked~.switch-wrapper{transform:translateX(30px)}.grid-container{padding:5%;display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;transition:transform .7s ease-out,opacity .9s ease-out;will-change:transform,opacity;opacity:0;transform:translateY(30px)}.grid-container.fade-in{opacity:1;transform:translateY(0)}.grid-item{flex:0 0 22%;position:relative;perspective:500px;transition:transform .7s ease-out,opacity .9s ease-out;will-change:transform,opacity}.grid-item img{height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;box-shadow:0 2px 5px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out}.grid-item img,.grid-item:before{width:100%;pointer-events:none;border-radius:10px}.grid-item:before{content:"";position:absolute;top:0;left:0;height:100%;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0) 80%);opacity:0;transition:opacity .3s ease-out}.grid-item:hover:before{opacity:1}.card-popup{position:fixed;cursor:pointer;z-index:200;overflow:hidden}.card-popup,.card-popup-content{display:flex;justify-content:center;align-items:center}.card-popup-content{border-radius:10px}.card-popup-content img{width:auto}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/background__woodgrain.jpg) 50%/cover no-repeat;z-index:-1;background-attachment:fixed}@media screen and (max-width:1024px){.background-overlay{background-attachment:scroll}}.toggle-bg-button{position:fixed;top:20px;right:20px;background:hsla(0,0%,100%,.9);border:none;padding:10px 15px;font-size:16px;border-radius:8px;cursor:pointer;transition:background .3s ease-in-out;z-index:1000}.toggle-bg-button:hover{background:#fff}.loading-placeholder{display:flex;justify-content:center;align-items:center;height:40vh}.loading-placeholder-carousel{display:flex;position:relative;width:80px;height:120px}.loading-placeholder-carousel-card{width:80px;height:120px;background:#ff7c01;border-radius:10px;position:absolute;opacity:0;animation:slide 1.5s ease-in-out infinite;transform:scale(.8)}.loading-placeholder-carousel-card:first-child{animation-delay:0s}.loading-placeholder-carousel-card:nth-child(2){animation-delay:.5s}.loading-placeholder-carousel-card:nth-child(3){animation-delay:1s}@keyframes slide{0%{transform:scale(.8) translateX(70px)}50%{opacity:1;transform:scale(1) translateX(0);z-index:100}to{transform:scale(.8) translateX(-70px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blob{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width:1100px){.card-popup{display:none}}@media (max-width:1100px){.grid-item{flex:0 0 30%}.hidden-card{opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}}@media (max-width:800px){.grid-item{flex:0 0 43%}}.header{display:flex;align-items:center;justify-content:center;height:100px;padding-top:40px}