.hardware-carousel-module .hardware,.hardware-carousel-module .hardware-carousel-container{display:flex;flex-flow:column nowrap}.hardware-carousel-module .hardware{filter:grayscale(1);margin-right:20px;opacity:.4;transition:opacity .3s ease,filter .3s ease;width:380px}.hardware-carousel-module .hardware.is-selected{filter:grayscale(0);opacity:1}.hardware-carousel-module .image-wrapper{aspect-ratio:1/1;cursor:pointer;position:relative;width:100%}.hardware-carousel-module .image-wrapper .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease;width:100%}.hardware-carousel-module .image-wrapper .hover-image{opacity:0}.hardware-carousel-module .image-wrapper.active .hover-image{opacity:1}.hardware-carousel-module
	.image-wrapper.active
	.hover-image+.foreground-image{opacity:0}.hardware-carousel-module .title{color:var(--color-base);margin:20px 0 0}.hardware-carousel-module .hardware-button{margin-top:10px}.hardware-carousel-module .navs{align-items:center;display:flex;flex-flow:row nowrap;gap:24px;margin-left:-5px;margin-top:40px}.hardware-carousel-module .nav{background-color:unset;border:unset;color:var(--color-text,var(--color-primary));padding:unset;transition:color .15 linear,opacity .15 linear,filter .15 linear}.hardware-carousel-module .nav:focus,.hardware-carousel-module .nav:hover{color:var(--color-base)}.hardware-carousel-module .nav[inert]{filter:grayscale(1);opacity:.5}.product-carousel .nav .material-symbols-outlined{font-size:32px}.hardware-carousel-module .popover{background-color:#fff;display:none;flex-flow:column nowrap;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2}.hardware-carousel-module .popover.active{animation:slideDown .5s ease;display:flex}@keyframes slideDown{0%{top:-100vh}to{top:0}}.hardware-carousel-module .popover-container-wrapper{flex:0 0 auto;padding:0 var(--container-padding)}.hardware-carousel-module .popover-container{margin:0 auto;max-width:var(--container-width,1350px)}.hardware-carousel-module .popover-header{padding:60px 0;position:relative}.hardware-carousel-module .close{color:var(--color-primary);cursor:pointer;display:flex;font-size:60px;position:absolute;right:0;top:50%;transform:translateY(-50%);user-select:none}.hardware-carousel-module .divider{background-color:var(--color-primary);flex:0 0 auto;height:1px;width:100%}.hardware-carousel-module .popover-container-wrapper.popover-container-fill{flex:1 1 auto;overflow-y:auto}.hardware-carousel-module .popover-container.popover-content{margin:0 auto;max-width:1154px;padding:80px 0}.hardware-carousel-module .hardware-content{align-items:flex-start;display:none;gap:80px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,auto)}.hardware-carousel-module .hardware-content.active{display:grid}.hardware-carousel-module .hardware-content .hardware-image-carousel{grid-column:1/span 5;grid-row:1/span 2}.hardware-carousel-module .hardware-content .image-carousel{aspect-ratio:21/23}.hardware-carousel-module .hardware-content .flickity-button-icon{fill:var(--color-primary)}.hardware-carousel-module .hardware-content .flickity-page-dots{bottom:-40px}.hardware-carousel-module .hardware-content .flickity-page-dots .dot{background:var(--color-primary);margin:0 12px}.hardware-carousel-module .hardware-content .hardware-image-single{grid-column:1/span 5;grid-row:1/span 2;position:relative;width:100%}.hardware-carousel-module .hardware-content .image-single{width:100%}.hardware-carousel-module .hardware-content .hardware-description{grid-column:6/span 7;grid-row:1}.hardware-carousel-module .hardware-content .title{color:var(--color-primary);margin:0 0 20px}.hardware-carousel-module .hardware-content .hardware-tabs{grid-column:6/span 7;grid-row:2}.hardware-carousel-module .hardware-content .tabs{align-items:center;border-bottom:1px solid #ced0d5;display:flex;flex-flow:row nowrap;gap:80px}.hardware-carousel-module .hardware-content .tab{color:#ced0d5;cursor:pointer;font-weight:700;padding:10px 0;transition:color .3s ease}.hardware-carousel-module .hardware-content .tab.active{color:var(--color-primary);cursor:default}.hardware-carousel-module .hardware-content .tab-content{display:none;padding:20px 0}.hardware-carousel-module .hardware-content .tab-content.active{animation:fadeInUp .5s var(--translate-transition);display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1000px){.hardware-carousel-module .hardware-content{gap:40px}}@media screen and (max-width:767px){.hardware-carousel-module .hardware{width:300px}.hardware-carousel-module .nav:focus,.hardware-carousel-module .nav:hover{color:var(--color-primary)}.hardware-carousel-module .popover-container.popover-content{padding:40px 0 80px}.hardware-carousel-module .popover-header{padding:39px 0}.hardware-carousel-module .close{font-size:42px}.hardware-carousel-module .hardware-content{gap:30px;grid-template-columns:1fr}.hardware-carousel-module .hardware-content .hardware-image-carousel,.hardware-carousel-module .hardware-content .hardware-image-single{grid-column:unset;grid-row:unset;order:3}.hardware-carousel-module .hardware-content .hardware-description{grid-column:unset;grid-row:unset;order:1}.hardware-carousel-module .hardware-content .hardware-tabs{grid-column:unset;grid-row:unset;order:2}}