@media(min-width: 992px){#cc-types .banner-area,#cc-uses .banner-area,#types .banner-area,#uses .banner-area,.types-uses .banner-area{display:grid;grid-template-columns:100%}#cc-types .banner-area .banner,#cc-types .banner-area .banner-form-container,#cc-uses .banner-area .banner,#cc-uses .banner-area .banner-form-container,#types .banner-area .banner,#types .banner-area .banner-form-container,#uses .banner-area .banner,#uses .banner-area .banner-form-container,.types-uses .banner-area .banner,.types-uses .banner-area .banner-form-container{grid-area:1/1}#cc-types .banner-area .banner-thumbs-container,#cc-uses .banner-area .banner-thumbs-container,#types .banner-area .banner-thumbs-container,#uses .banner-area .banner-thumbs-container,.types-uses .banner-area .banner-thumbs-container{grid-row:2}#cc-types .banner-area .banner-form-container,#cc-uses .banner-area .banner-form-container,#types .banner-area .banner-form-container,#uses .banner-area .banner-form-container,.types-uses .banner-area .banner-form-container{z-index:16;pointer-events:none}#cc-types .banner-area .banner-form-container .banner-form,#cc-uses .banner-area .banner-form-container .banner-form,#types .banner-area .banner-form-container .banner-form,#uses .banner-area .banner-form-container .banner-form,.types-uses .banner-area .banner-form-container .banner-form{pointer-events:auto}}#cc-types .banner,#cc-uses .banner,#types .banner,#uses .banner,.types-uses .banner{background-color:var(--banner-bg, var(--bs-primary-950));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.18), transparent 30%, transparent 70%, rgba(0, 0, 0, 0.18));transition:background-color .4s ease}@media(min-width: 992px){#cc-types .banner,#cc-uses .banner,#types .banner,#uses .banner,.types-uses .banner{min-height:22rem}}@media(min-width: 992px){#cc-types .banner .banner-img-container::after,#cc-uses .banner .banner-img-container::after,#types .banner .banner-img-container::after,#uses .banner .banner-img-container::after,.types-uses .banner .banner-img-container::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04}}#cc-types .banner .banner-img-container::before,#cc-uses .banner .banner-img-container::before,#types .banner .banner-img-container::before,#uses .banner .banner-img-container::before,.types-uses .banner .banner-img-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:15rem;background-color:rgba(0,0,0,.75);mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));z-index:5}#cc-types .banner .banner-img-wrap,#cc-uses .banner .banner-img-wrap,#types .banner .banner-img-wrap,#uses .banner .banner-img-wrap,.types-uses .banner .banner-img-wrap{position:relative;width:100%;aspect-ratio:3/4;max-height:420px}@media(min-width: 768px){#cc-types .banner .banner-img-wrap,#cc-uses .banner .banner-img-wrap,#types .banner .banner-img-wrap,#uses .banner .banner-img-wrap,.types-uses .banner .banner-img-wrap{aspect-ratio:4/3}}@media(min-width: 992px){#cc-types .banner .banner-img-wrap,#cc-uses .banner .banner-img-wrap,#types .banner .banner-img-wrap,#uses .banner .banner-img-wrap,.types-uses .banner .banner-img-wrap{position:absolute;inset:0;aspect-ratio:auto;max-height:none}}#cc-types .banner .banner-img,#cc-uses .banner .banner-img,#types .banner .banner-img,#uses .banner .banner-img,.types-uses .banner .banner-img{object-fit:cover;object-position:center center;position:absolute;top:0;left:0;width:100%;height:100%}#cc-types .banner .banner-img-layer,#cc-uses .banner .banner-img-layer,#types .banner .banner-img-layer,#uses .banner .banner-img-layer,.types-uses .banner .banner-img-layer{position:absolute;inset:0}@media(min-width: 992px){#cc-types .banner .banner-img-layer,#cc-uses .banner .banner-img-layer,#types .banner .banner-img-layer,#uses .banner .banner-img-layer,.types-uses .banner .banner-img-layer{left:calc(50% - 19rem);right:auto;width:auto;aspect-ratio:2048/596;transform:translateX(-50%)}#cc-types .banner .banner-img-layer-sharp,#cc-uses .banner .banner-img-layer-sharp,#types .banner .banner-img-layer-sharp,#uses .banner .banner-img-layer-sharp,.types-uses .banner .banner-img-layer-sharp{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0rem, rgba(0, 0, 0, 0.016) 7.5rem, rgba(0, 0, 0, 0.104) 15rem, rgba(0, 0, 0, 0.275) 22.5rem, rgba(0, 0, 0, 0.5) 30rem, rgba(0, 0, 0, 0.725) 37.5rem, rgba(0, 0, 0, 0.896) 45rem, rgba(0, 0, 0, 0.984) 52.5rem, black 60rem, black calc(100% - 45rem), rgba(0, 0, 0, 0.984) calc(100% - 39.375rem), rgba(0, 0, 0, 0.896) calc(100% - 33.75rem), rgba(0, 0, 0, 0.725) calc(100% - 28.125rem), rgba(0, 0, 0, 0.5) calc(100% - 22.5rem), rgba(0, 0, 0, 0.275) calc(100% - 16.875rem), rgba(0, 0, 0, 0.104) calc(100% - 11.25rem), rgba(0, 0, 0, 0.016) calc(100% - 5.625rem), rgba(0, 0, 0, 0) calc(100% - 0rem))}#cc-types .banner .banner-img-layer-blur,#cc-uses .banner .banner-img-layer-blur,#types .banner .banner-img-layer-blur,#uses .banner .banner-img-layer-blur,.types-uses .banner .banner-img-layer-blur{display:block;filter:blur(1.5rem);mask-image:linear-gradient(to right, rgba(0, 0, 0, 0) 0rem, rgba(0, 0, 0, 0.016) 11.25rem, rgba(0, 0, 0, 0.104) 22.5rem, rgba(0, 0, 0, 0.275) 33.75rem, rgba(0, 0, 0, 0.5) 45rem, rgba(0, 0, 0, 0.725) 56.25rem, rgba(0, 0, 0, 0.896) 67.5rem, rgba(0, 0, 0, 0.984) 78.75rem, black 90rem, black calc(100% - 67.5rem), rgba(0, 0, 0, 0.984) calc(100% - 59.0625rem), rgba(0, 0, 0, 0.896) calc(100% - 50.625rem), rgba(0, 0, 0, 0.725) calc(100% - 42.1875rem), rgba(0, 0, 0, 0.5) calc(100% - 33.75rem), rgba(0, 0, 0, 0.275) calc(100% - 25.3125rem), rgba(0, 0, 0, 0.104) calc(100% - 16.875rem), rgba(0, 0, 0, 0.016) calc(100% - 8.4375rem), rgba(0, 0, 0, 0) calc(100% - 0rem))}}@media(max-width: 991.98px){#cc-types .banner .banner-img-layer-blur,#cc-uses .banner .banner-img-layer-blur,#types .banner .banner-img-layer-blur,#uses .banner .banner-img-layer-blur,.types-uses .banner .banner-img-layer-blur{display:none}}#cc-types .banner .banner-img-container .banner-img,#cc-uses .banner .banner-img-container .banner-img,#types .banner .banner-img-container .banner-img,#uses .banner .banner-img-container .banner-img,.types-uses .banner .banner-img-container .banner-img{z-index:0;opacity:0;transition:opacity .4s ease}#cc-types .banner .banner-img-container .banner-img.active,#cc-uses .banner .banner-img-container .banner-img.active,#types .banner .banner-img-container .banner-img.active,#uses .banner .banner-img-container .banner-img.active,.types-uses .banner .banner-img-container .banner-img.active{opacity:1}#cc-types .banner .banner-img-container .banner-img.banner-img-top,#cc-uses .banner .banner-img-container .banner-img.banner-img-top,#types .banner .banner-img-container .banner-img.banner-img-top,#uses .banner .banner-img-container .banner-img.banner-img-top,.types-uses .banner .banner-img-container .banner-img.banner-img-top{z-index:1}#cc-types .banner .banner-img-container .banner-img.banner-img-settle,#cc-uses .banner .banner-img-container .banner-img.banner-img-settle,#types .banner .banner-img-container .banner-img.banner-img-settle,#uses .banner .banner-img-container .banner-img.banner-img-settle,.types-uses .banner .banner-img-container .banner-img.banner-img-settle{transition:none}#cc-types .banner .banner-content-container,#cc-uses .banner .banner-content-container,#types .banner .banner-content-container,#uses .banner .banner-content-container,.types-uses .banner .banner-content-container{position:absolute;top:0;left:0;right:0;z-index:15}@media(min-width: 992px){#cc-types .banner .banner-content-container,#cc-uses .banner .banner-content-container,#types .banner .banner-content-container,#uses .banner .banner-content-container,.types-uses .banner .banner-content-container{position:relative}}@media(min-width: 992px){#cc-types .banner .banner-content,#cc-uses .banner .banner-content,#types .banner .banner-content,#uses .banner .banner-content,.types-uses .banner .banner-content{margin-right:38rem}}#cc-types .banner .banner-breadcrumbs,#cc-types .banner .banner-title,#cc-uses .banner .banner-breadcrumbs,#cc-uses .banner .banner-title,#types .banner .banner-breadcrumbs,#types .banner .banner-title,#uses .banner .banner-breadcrumbs,#uses .banner .banner-title,.types-uses .banner .banner-breadcrumbs,.types-uses .banner .banner-title{text-align:center;text-shadow:0 2px 5px #000;color:#fff}#cc-types .banner .banner-title,#cc-uses .banner .banner-title,#types .banner .banner-title,#uses .banner .banner-title,.types-uses .banner .banner-title{font-size:3rem;font-weight:700}#cc-types .banner-thumbs-container,#cc-uses .banner-thumbs-container,#types .banner-thumbs-container,#uses .banner-thumbs-container,.types-uses .banner-thumbs-container{background-color:var(--bs-body-bg);padding:.75rem 0}#cc-types .banner-thumbs,#cc-uses .banner-thumbs,#types .banner-thumbs,#uses .banner-thumbs,.types-uses .banner-thumbs{flex-wrap:wrap;background-color:#fff;border-radius:1rem}#cc-types .banner-thumbs .banner-thumb,#cc-uses .banner-thumbs .banner-thumb,#types .banner-thumbs .banner-thumb,#uses .banner-thumbs .banner-thumb,.types-uses .banner-thumbs .banner-thumb{flex:0 0 auto;width:8rem;height:6rem;padding:0;border-radius:.5rem;overflow:hidden;background-color:var(--bs-gray-300);cursor:pointer;opacity:.7;transition:opacity .2s ease,box-shadow .2s ease;position:relative}#cc-types .banner-thumbs .banner-thumb::after,#cc-uses .banner-thumbs .banner-thumb::after,#types .banner-thumbs .banner-thumb::after,#uses .banner-thumbs .banner-thumb::after,.types-uses .banner-thumbs .banner-thumb::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 .25rem rgba(0,0,0,0);transition:box-shadow .2s ease;pointer-events:none}#cc-types .banner-thumbs .banner-thumb picture,#cc-uses .banner-thumbs .banner-thumb picture,#types .banner-thumbs .banner-thumb picture,#uses .banner-thumbs .banner-thumb picture,.types-uses .banner-thumbs .banner-thumb picture{display:block;position:absolute;inset:auto 0 0 0;width:100%;height:117.6470588235%}#cc-types .banner-thumbs .banner-thumb .banner-thumb-img,#cc-uses .banner-thumbs .banner-thumb .banner-thumb-img,#types .banner-thumbs .banner-thumb .banner-thumb-img,#uses .banner-thumbs .banner-thumb .banner-thumb-img,.types-uses .banner-thumbs .banner-thumb .banner-thumb-img{display:block;width:100%;height:100%;object-fit:cover;object-position:bottom}#cc-types .banner-thumbs .banner-thumb:hover,#cc-types .banner-thumbs .banner-thumb:focus-visible,#cc-types .banner-thumbs .banner-thumb.active,#cc-uses .banner-thumbs .banner-thumb:hover,#cc-uses .banner-thumbs .banner-thumb:focus-visible,#cc-uses .banner-thumbs .banner-thumb.active,#types .banner-thumbs .banner-thumb:hover,#types .banner-thumbs .banner-thumb:focus-visible,#types .banner-thumbs .banner-thumb.active,#uses .banner-thumbs .banner-thumb:hover,#uses .banner-thumbs .banner-thumb:focus-visible,#uses .banner-thumbs .banner-thumb.active,.types-uses .banner-thumbs .banner-thumb:hover,.types-uses .banner-thumbs .banner-thumb:focus-visible,.types-uses .banner-thumbs .banner-thumb.active{opacity:1}#cc-types .banner-thumbs .banner-thumb:hover::after,#cc-types .banner-thumbs .banner-thumb:focus-visible::after,#cc-types .banner-thumbs .banner-thumb.active::after,#cc-uses .banner-thumbs .banner-thumb:hover::after,#cc-uses .banner-thumbs .banner-thumb:focus-visible::after,#cc-uses .banner-thumbs .banner-thumb.active::after,#types .banner-thumbs .banner-thumb:hover::after,#types .banner-thumbs .banner-thumb:focus-visible::after,#types .banner-thumbs .banner-thumb.active::after,#uses .banner-thumbs .banner-thumb:hover::after,#uses .banner-thumbs .banner-thumb:focus-visible::after,#uses .banner-thumbs .banner-thumb.active::after,.types-uses .banner-thumbs .banner-thumb:hover::after,.types-uses .banner-thumbs .banner-thumb:focus-visible::after,.types-uses .banner-thumbs .banner-thumb.active::after{box-shadow:inset 0 0 0 .25rem var(--bs-primary)}#cc-types .banner-thumbs-swiper-wrap,#cc-uses .banner-thumbs-swiper-wrap,#types .banner-thumbs-swiper-wrap,#uses .banner-thumbs-swiper-wrap,.types-uses .banner-thumbs-swiper-wrap{flex-wrap:nowrap}#cc-types .banner-thumbs-swiper-wrap .banner-thumbs-spinner,#cc-uses .banner-thumbs-swiper-wrap .banner-thumbs-spinner,#types .banner-thumbs-swiper-wrap .banner-thumbs-spinner,#uses .banner-thumbs-swiper-wrap .banner-thumbs-spinner,.types-uses .banner-thumbs-swiper-wrap .banner-thumbs-spinner{display:none}#cc-types .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-swiper,#cc-uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-swiper,#types .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-swiper,#uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-swiper,.types-uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-swiper{visibility:hidden}#cc-types .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-spinner,#cc-uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-spinner,#types .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-spinner,#uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-spinner,.types-uses .banner-thumbs-swiper-wrap.banner-thumbs-loading .banner-thumbs-spinner{display:flex;align-items:center;justify-content:center}#cc-types .banner-thumbs-swiper,#cc-uses .banner-thumbs-swiper,#types .banner-thumbs-swiper,#uses .banner-thumbs-swiper,.types-uses .banner-thumbs-swiper{width:51.75rem;max-width:100%;min-width:0}#cc-types .banner-thumbs-swiper .swiper-slide,#cc-uses .banner-thumbs-swiper .swiper-slide,#types .banner-thumbs-swiper .swiper-slide,#uses .banner-thumbs-swiper .swiper-slide,.types-uses .banner-thumbs-swiper .swiper-slide{width:8rem}#cc-types #product-options-nav,#cc-uses #product-options-nav,#types #product-options-nav,#uses #product-options-nav,.types-uses #product-options-nav{padding:.3rem;gap:.25rem}@media(max-width: 767.98px){#cc-types #product-options-nav,#cc-uses #product-options-nav,#types #product-options-nav,#uses #product-options-nav,.types-uses #product-options-nav{flex-direction:column;width:100%;border-radius:var(--bs-border-radius-xl) !important}#cc-types #product-options-nav .nav-link,#cc-uses #product-options-nav .nav-link,#types #product-options-nav .nav-link,#uses #product-options-nav .nav-link,.types-uses #product-options-nav .nav-link{width:100%}}#cc-types #product-options-nav .nav-link,#cc-uses #product-options-nav .nav-link,#types #product-options-nav .nav-link,#uses #product-options-nav .nav-link,.types-uses #product-options-nav .nav-link{border:1px solid rgba(0,0,0,0);padding:.5rem 1.75rem;color:var(--bs-body-color);font-weight:600;transition:color .15s ease,background-color .15s ease,border-color .15s ease}#cc-types #product-options-nav .nav-link:hover,#cc-uses #product-options-nav .nav-link:hover,#types #product-options-nav .nav-link:hover,#uses #product-options-nav .nav-link:hover,.types-uses #product-options-nav .nav-link:hover{color:var(--bs-primary)}#cc-types #product-options-nav .nav-link.active,#cc-uses #product-options-nav .nav-link.active,#types #product-options-nav .nav-link.active,#uses #product-options-nav .nav-link.active,.types-uses #product-options-nav .nav-link.active{border-color:var(--bs-primary);background-color:var(--bs-primary-bg-subtle);color:var(--bs-primary-text-emphasis)}#cc-types .main-content,#cc-uses .main-content,#types .main-content,#uses .main-content,.types-uses .main-content{margin:0 auto;max-width:1200px}#cc-types .content-body img,#cc-uses .content-body img,#types .content-body img,#uses .content-body img,.types-uses .content-body img{max-height:12.5rem;object-fit:cover;border-radius:.75rem;box-shadow:var(--bs-card-box-shadow);margin:1.5rem 0}#cc-types .content-body img.img-natural-height,#cc-uses .content-body img.img-natural-height,#types .content-body img.img-natural-height,#uses .content-body img.img-natural-height,.types-uses .content-body img.img-natural-height{max-height:none}/*# sourceMappingURL=types-uses.css.map */