@media only screen and (min-width: 0em){#gallery{text-align:center;padding:var(--sectionPadding)}#gallery .cs-container{width:100%;max-width:75rem;margin:0 auto;display:grid;justify-items:center;gap:2rem}#gallery .cs-carousel{width:100%;display:grid;justify-items:center;gap:1.5rem}#gallery .cs-carousel-controls{width:100%;max-width:60rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}#gallery .cs-carousel-button{width:3rem;height:3rem;border-radius:50%;border:none;display:grid;place-items:center;font-size:1.375rem;background:var(--primary);color:#1a1a1a;cursor:pointer;transition:transform .3s ease,background-color .3s ease,color .3s ease,opacity .3s ease}#gallery .cs-carousel-button:hover{transform:translateY(-0.125rem)}#gallery .cs-carousel-button:focus-visible{outline:.1875rem solid var(--secondary);outline-offset:.125rem}#gallery .cs-carousel-button.cs-carousel-button--prev,#gallery .cs-carousel-button.cs-carousel-button--next{box-shadow:0 .75rem 1.5rem rgba(15,23,42,.15)}#gallery .cs-carousel-button:disabled{opacity:.4;cursor:not-allowed}#gallery .cs-carousel-button:disabled:hover{transform:none}#gallery .cs-carousel-window{width:100%;overflow:hidden;border-radius:1.5rem;background:var(--bodyTextColorWhite);box-shadow:0 1.25rem 3.75rem rgba(15,23,42,.12)}#gallery .cs-carousel-track{display:flex;transition:transform .6s ease}#gallery .cs-slide{position:relative;min-width:100%;aspect-ratio:4/3}#gallery .cs-slide img{width:100%;height:100%;object-fit:cover;display:block}@supports not (aspect-ratio: 4/3){#gallery .cs-slide{padding-top:75%}#gallery .cs-slide img{position:absolute;top:0;left:0;height:100%}}#gallery .cs-carousel-dots{display:flex;align-items:center;justify-content:center;gap:.75rem}#gallery .cs-dot{width:.75rem;height:.75rem;border-radius:999px;border:1px solid var(--primary);background:rgba(0,0,0,0);padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}#gallery .cs-dot:focus-visible{outline:.125rem solid var(--secondary);outline-offset:.125rem}#gallery .cs-dot.is-active{background:var(--primary);transform:scale(1.1)}}@media only screen and (min-width: 48em){#gallery .cs-carousel-button{width:3.5rem;height:3.5rem;font-size:1.5rem}#gallery .cs-carousel-window{max-width:60rem;margin:0 auto}}/*# sourceMappingURL=projects.css.map */