.buttonsPanel_container__rWSWN{width:100%;gap:.625rem;display:flex;flex-wrap:wrap;align-items:center;padding:0 4.375rem}@media only screen and (max-width:992px){.buttonsPanel_container__rWSWN{padding-left:1.875rem;padding-right:1.875rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.buttonsPanel_container__rWSWN::-webkit-scrollbar{display:none;width:6px;position:absolute}.buttonsPanel_container__rWSWN::-webkit-scrollbar-thumb,.buttonsPanel_container__rWSWN::-webkit-scrollbar-track{border-radius:5px;background:transparent;position:absolute}}@media only screen and (max-width:767px){.buttonsPanel_container__rWSWN{padding-left:.9375rem;padding-right:.9375rem}}.buttonsPanel_activeButton__bORey,.buttonsPanel_button__eUS9b{width:-moz-fit-content;width:fit-content;padding:.4375rem 1rem;background:linear-gradient(to right,var(--color-black) 50%,var(--color-white) 50%);background-size:200% 100%;background-position:100% 100%;transition:background-position .2s ease;border:2px solid var(--color-black);border-radius:1.3125rem;height:2.5rem;cursor:pointer}@media only screen and (max-width:992px){.buttonsPanel_activeButton__bORey,.buttonsPanel_button__eUS9b{background:transparent;cursor:default}}.buttonsPanel_activeButton__bORey:hover,.buttonsPanel_button__eUS9b:hover{background-position:0 100%}@media only screen and (max-width:992px){.buttonsPanel_activeButton__bORey:hover,.buttonsPanel_button__eUS9b:hover{background:transparent}}.buttonsPanel_activeButton__bORey:hover .buttonsPanel_textButton__gggYe,.buttonsPanel_button__eUS9b:hover .buttonsPanel_textButton__gggYe{color:var(--color-white)}@media only screen and (max-width:992px){.buttonsPanel_activeButton__bORey:hover .buttonsPanel_textButton__gggYe,.buttonsPanel_button__eUS9b:hover .buttonsPanel_textButton__gggYe{color:var(--color-black)}}.buttonsPanel_textButton__gggYe{font-weight:500;font-family:var(--ibmPlexMono);font-size:1rem;line-height:1.375rem;letter-spacing:.32px;text-transform:uppercase;color:var(--color-black);white-space:nowrap}@media only screen and (min-width:993px){.buttonsPanel_textButton__gggYe{cursor:pointer}}.buttonsPanel_activeButton__bORey{background:var(--color-cruise)!important;border:2px solid var(--color-cruise)}.buttonsPanel_activeButton__bORey:hover .buttonsPanel_textButton__gggYe{color:var(--color-black)}.DesignPortfolio_container___1hxF{width:100%;position:relative;background-image:url(https://cdn.onix-systems.com/_next/static/media/img_work_mobile_bg.06632ce2.webp);background-repeat:no-repeat;background-position:top;background-size:100% auto;overflow-x:hidden}@media only screen and (min-width:768px){.DesignPortfolio_container___1hxF{background-image:url(https://cdn.onix-systems.com/_next/static/media/img_work_tablet_bg.46822b14.webp)}}@media only screen and (min-width:993px){.DesignPortfolio_container___1hxF{background-image:url(https://cdn.onix-systems.com/_next/static/media/img_work_bg.c492f767.webp)}}.DesignPortfolio_page__5QH4j{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.DesignPortfolio_page__5QH4j .DesignPortfolio_wrapper__E9fUP{width:100%;max-width:1440px}.DesignPortfolio_contentContainer__z6XGv{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1.875rem;padding:0 4.375rem 6.25rem}@media only screen and (max-width:1200px){.DesignPortfolio_contentContainer__z6XGv{padding:0 5rem 6.25rem}}@media only screen and (max-width:992px){.DesignPortfolio_contentContainer__z6XGv{padding:0 1.875rem 5rem}}@media only screen and (max-width:767px){.DesignPortfolio_contentContainer__z6XGv{padding:0 .9375rem 3.75rem;gap:1.25rem}}@media only screen and (max-width:576px){.DesignPortfolio_contentContainer__z6XGv{grid-template-columns:repeat(1,1fr);gap:0}}