.diy-collection-banner{min-height:400px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#333;color:#fff;text-align:center}.diy-collection-banner:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--diy-banner-overlay)}.diy-collection-banner__image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.diy-collection-banner__content{width:min(780px,100%);padding:48px 24px}.diy-collection-banner__content h1{color:inherit;font-size:52px;font-weight:700;line-height:1.1;margin:0}.diy-collection-banner__content .rte{margin-top:24px}.diy-collection-banner--text{min-height:0;color:#000;background:transparent}.diy-collection-banner--text:after{display:none}@media(max-width:740px){.diy-collection-banner{min-height:375px}.diy-collection-banner__content h1{font-size:40px}.diy-collection-banner--text{min-height:0}}.diy-collection-collage{margin-block:48px}.diy-collection-collage__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--diy-card-gap)}.diy-collection-collage__card{position:relative;display:grid;place-items:center;height:350px;overflow:hidden;isolation:isolate;color:#fff;text-align:center;background:#333}.diy-collection-collage__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000;opacity:var(--diy-card-overlay)}.diy-collection-collage__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.diy-collection-collage__title{padding:24px;color:#fff;font-family:var(--font-stack-header);font-weight:700;font-size:28px;line-height:1.25;text-shadow:0 1px 10px #0004}.diy-collection-collage__card:focus-visible{outline:3px solid #fff;outline-offset:-8px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.diy-collection-collage__card:hover .diy-collection-collage__image{transform:scale(1.04)}}@media(max-width:1399px){.diy-collection-collage__card{height:300px}}@media(max-width:1199px){.diy-collection-collage__card{height:250px}}@media(max-width:999px){.diy-collection-collage__card{height:220px}}@media(max-width:740px){.diy-collection-collage{margin-block:32px}.diy-collection-collage__grid{gap:var(--diy-card-gap-mobile)}.diy-collection-collage__card{height:auto;aspect-ratio:1}.diy-collection-collage__title{font-size:20px;padding:12px}}.diy-newsletter{padding:0;border:0;border-radius:8px;color:#000;background:#f4f4f4;width:min(1000px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);margin:auto;overflow:auto;overscroll-behavior:contain}.diy-newsletter::backdrop{background:#00000059}.diy-newsletter__layout{display:grid;grid-template-columns:1fr 1fr}.diy-newsletter__image{background:#000;min-width:0}.diy-newsletter__image img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover}.diy-newsletter__content{padding:64px 64px 70px;text-align:center;align-self:center}.diy-newsletter__content>h2{font-size:24px;line-height:1.3;margin:0 0 36px;font-weight:700}.diy-newsletter__copy h2{font-size:22px;line-height:1.4;margin:0 0 28px;font-weight:700}.diy-newsletter__copy p{margin:0 0 32px;font-size:14px;line-height:1.8}.diy-newsletter__content input[type=email]{display:block;border:1px solid #d7d7d7;border-radius:2px;background:transparent;width:100%;padding:14px 18px;min-height:48px;font:inherit;font-size:14px}.diy-newsletter__submit{width:100%;min-height:48px;background:#f0c417;color:#000;border:0;border-radius:2px;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.diy-newsletter__submit:hover{background:#dfb414}.diy-newsletter__close{position:absolute;right:16px;top:16px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:0;padding:8px;background:transparent;color:#111;cursor:pointer}.diy-newsletter :focus-visible{outline:2px solid #555;outline-offset:3px}html:has(.diy-newsletter[open]){overflow:hidden}@media(max-width:999px){.diy-newsletter__content{padding:48px 30px}.diy-newsletter__image img{min-height:440px}}@media(max-width:740px){.diy-newsletter{width:100%;max-height:84dvh;margin:auto 0 0;border-radius:10px 10px 0 0}.diy-newsletter__layout{display:block}.diy-newsletter__image img{height:200px;min-height:0;object-fit:contain}.diy-newsletter__content{padding:36px 24px max(32px,env(safe-area-inset-bottom))}.diy-newsletter__content>h2{font-size:20px;margin-bottom:24px}.diy-newsletter__copy h2{font-size:20px;margin-bottom:22px}.diy-newsletter__copy p{margin-bottom:24px}.diy-newsletter__close{color:#fff}.diy-newsletter__content input[type=email]{font-size:16px}}.diy-product-services{padding:44px 0 48px}.diy-product-services__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.diy-product-services__item{text-align:center;color:#111}.diy-product-services__item svg{display:block;margin:0 auto 20px}.diy-product-services__item h3{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;line-height:1.5;margin:0 0 14px}.diy-product-services__text{font-size:14px;line-height:1.7}.diy-product-services__text p{margin:0}@media(max-width:767px){.diy-product-services{padding:32px 0}.diy-product-services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.diy-product-services__text{font-size:13px}}.diykeycap-match .diy-collection-match{padding-block:40px 64px}.diykeycap-match .diy-collection-match .m-collection-toolbar{margin-bottom:24px;padding:0;min-height:24px}.diykeycap-match .diy-collection-match .m-collection-toolbar--wrapper{min-height:24px}.diykeycap-match .diy-collection-match .m-filter--widget{border-top:1px solid #d9d9d9;margin-bottom:0;padding-block:24px}.diykeycap-match .diy-collection-match .m-collection-filters-form{display:block;border:0;padding:0}.diykeycap-match .diy-collection-match .m-filter--widget-title{margin-bottom:0}.diykeycap-match .diy-collection-match .m-filter--widget.open>.m-filter--widget-title{margin-bottom:16px}.diykeycap-match .diy-collection-match .m-collection-products{--column-gap: 24px;--row-gap: 40px}.diykeycap-match .diy-collection-match .m-product-card__name{font-size:14px;line-height:1.5;font-weight:700}.diykeycap-match .diy-collection-match .m-product-card__vendor{font-size:11px;letter-spacing:.05em;text-transform:uppercase}.diykeycap-match .diy-collection-match .m-price{font-size:14px}.diykeycap-match .diy-collection-match .m-product-card__media{border-radius:4px}.diykeycap-match .diy-collection-match .m-filter--widget-title{font-size:14px;font-weight:700;line-height:24px}@media(min-width:1280px){.diykeycap-match .diy-collection-match .m-collection--wrapper{display:grid;grid-template-columns:17.5% minmax(0,1fr);column-gap:40px}}@media(min-width:1280px){.diykeycap-match .diy-collection-match .m-collection--wrapper:not(.m-sidebar--leftColumn){display:block}}@media(min-width:1280px){.diykeycap-match .diy-collection-match .m-sidebar{width:100%;padding:0;margin:0}}@media(max-width:740px){.diykeycap-match .diy-collection-match{padding-top:24px}}@media(max-width:740px){.diykeycap-match .diy-collection-match .m-collection-products{--column-gap: 12px;--row-gap: 28px}}.diykeycap-match .diy-collection-match .m-collection-products{margin:0 -12px}.diykeycap-match .diy-collection-match .m-product-item{padding-inline:12px;margin-bottom:40px}@media(max-width:767px){.diykeycap-match .diy-collection-match .m-collection-products{margin-inline:-6px}.diykeycap-match .diy-collection-match .m-product-item{padding-inline:6px;margin-bottom:28px}}.diykeycap-match .diy-featured-match .diy-featured-heading{margin:0 0 40px;text-align:center;font-size:40px;line-height:1.15}.diykeycap-match .diy-featured-match .m-main-product--wrapper{align-items:start}.diy-featured-match .m-main-product--media{min-width:0}.diy-featured-match .m-media-gallery__inner{height:min(620px,52vw);overflow:hidden;opacity:1}.diy-featured-match .m-media-gallery__list{display:flex;height:100%!important;gap:0}.diy-featured-match .m-media-gallery__list>.m-product-media--item{width:100%;height:100%;flex:0 0 auto;padding:0}.diy-featured-match .m-media-gallery__list .m-product-media,.diy-featured-match .m-media-gallery__list .m-image{height:100%;--aspect-ratio: 1 !important}.diy-featured-match .m-media-gallery__list .m-image img{width:100%;height:100%;object-fit:contain}.diy-featured-match .m-product-media--slider__thumbnails{margin-top:14px}.diy-featured-match .nav-swiper-container{overflow:hidden;opacity:1}.diy-featured-match .nav-swiper-container .swiper-wrapper{display:flex}.diy-featured-match .nav-swiper-container .swiper-slide{flex-shrink:0}.diy-featured-match .nav-swiper-container .m-image{--aspect-ratio: 1 !important}.diy-featured-match .nav-swiper-container img{object-fit:contain}@media(max-width:767px){.diy-featured-match .m-media-gallery__inner{height:calc(100vw - 40px);max-height:520px}}.diykeycap-match .diy-featured-match .m-product-title{font-size:32px;line-height:1.2}.diykeycap-match .diy-featured-match .m-product-info--wrapper{max-width:520px;margin-left:auto}.diykeycap-match .diy-featured-match .m-product-info--wrapper>.main-product__block{margin-top:24px}.diykeycap-match .diy-featured-match .m-product-info--wrapper>.main-product__block:first-child{margin-top:0}.diykeycap-match .diy-featured-match .m-quantity{border:1px solid #d7d7d7;border-radius:2px}.diykeycap-match .diy-featured-match .m-product-description{font-size:14px;line-height:1.7}.diykeycap-match .diy-featured-match .m-product-description h2{font-size:22px}.diykeycap-match .diy-featured-match .m-add-to-cart,.diykeycap-match .diy-featured-match .shopify-payment-button__button{min-height:48px;font-size:12px;font-weight:700;letter-spacing:.1em;border-radius:2px}@media(min-width:1000px){.diykeycap-match .diy-featured-match .m-main-product--media{width:60%}}@media(min-width:1000px){.diykeycap-match .diy-featured-match .m-main-product--info{width:40%}}@media(max-width:740px){.diykeycap-match .diy-featured-match .diy-featured-heading{font-size:28px;margin-bottom:24px}}@media(max-width:740px){.diykeycap-match .diy-featured-match .m-product-title{font-size:26px}}@media(max-width:740px){.diykeycap-match .diy-featured-match .m-product-info--wrapper{max-width:none;margin-top:24px}}.diy-product-details .m-tabs__header{justify-content:flex-start;border-bottom:1px solid #d7d7d7}.diy-product-details .m-tabs__header-inner{margin:0;justify-content:flex-start}.diy-product-details .m-tab-header{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;padding-bottom:18px;margin-right:56px;line-height:1.5}.diy-product-details .m-tabs__content{padding-top:36px}.diy-product-details .rte{font-size:14px;line-height:1.8}.diy-product-details .rte h1,.diy-product-details .rte h2{font-size:28px;line-height:1.3}.diy-product-details .rte h3{font-size:22px}@media(max-width:767px){.diy-product-details .m-tab-header{margin-right:0;font-size:12px}.diy-product-details .m-tabs__content{padding-top:0}.diy-product-details .rte h1,.diy-product-details .rte h2{font-size:23px}}.diykeycap-match .diy-collection-match .m-toolbar--right{justify-content:flex-end;gap:16px}.diykeycap-match .diy-collection-match .m-toolbar--sortby{display:flex;align-items:center;gap:10px;font-size:14px}.diykeycap-match .diy-collection-match .diy-product-count{margin-right:auto;font-size:14px}@media(max-width:740px){.diykeycap-match .diy-product-count{display:none}}@media(max-width:740px){.diykeycap-match .diy-collection-match .m-toolbar--sortby{display:none}}.diykeycap-match .diy-filter-heading{display:flex;align-items:center;gap:10px;font-size:16px;line-height:24px;margin:0 0 24px;font-weight:700}@media(max-width:1279px){.diykeycap-match .diy-filter-heading{padding-inline:20px}}.diykeycap-match variant-picker .diy-variant-image-option{position:relative;display:flex;width:74px;min-width:74px;height:auto;min-height:74px;padding:0;margin:6px;border:1px solid rgb(var(--color-border));border-radius:4px;overflow:hidden;background:transparent;font-size:14px;line-height:1.3;text-transform:none}.diykeycap-match variant-picker .diy-variant-image-option__image{width:72px;height:auto;object-fit:contain}.diykeycap-match variant-picker .diy-variant-image-option__custom{display:block;width:72px;height:72px;background-position:center;background-size:contain;background-repeat:no-repeat}.diykeycap-match variant-picker .diy-variant-image-option__color{width:30px;height:30px;border-radius:50%;border:1px solid #0002}.diykeycap-match variant-picker .diy-variant-image-option--text{width:auto;padding:10px}.diykeycap-match variant-picker input:checked+.diy-variant-image-option{border-color:currentColor;box-shadow:0 0 0 1px currentColor}.diykeycap-match variant-picker input:focus-visible+.diy-variant-image-option{outline:2px solid currentColor;outline-offset:3px}@media(max-width:740px){.diykeycap-match variant-picker .diy-variant-image-option{width:52px;min-width:52px;min-height:52px}.diykeycap-match variant-picker .diy-variant-image-option__image{width:50px}.diykeycap-match variant-picker .diy-variant-image-option__custom{width:50px;height:50px}.diykeycap-match variant-picker .diy-variant-image-option--text{width:auto}}.diykeycap-match{--diy-container: 1600px;--diy-gutter: 40px}.diykeycap-match .container,.diykeycap-match .container-fluid{width:100%;max-width:var(--diy-container);padding-inline:var(--diy-gutter);margin-inline:auto}.diykeycap-match .m-header__desktop .m-header__inner{min-height:0;padding-block:18px}.diykeycap-match .m-header__desktop .m-header__top .m-header__inner{border-bottom:1px solid #d9d9d9}.diykeycap-match .m-header__desktop .m-header__left,.diykeycap-match .m-header__desktop .m-header__right{gap:20px}.diykeycap-match .m-header__desktop .m-header__search{width:260px;min-width:0;height:40px;border:1px solid #d7d7d7;padding:0 12px;border-radius:0}.diykeycap-match .m-header__desktop .m-search-form__label{font-size:14px}.diykeycap-match .m-header__desktop .m-menu{--main-link-px: 0px;--main-link-py: 8px;flex-wrap:nowrap;justify-content:center;gap:clamp(12px,1.65vw,32px)}.diykeycap-match .m-header__desktop .m-menu__link--main{font-size:14px;line-height:22px;font-weight:500;letter-spacing:0}.diykeycap-match .m-header__desktop .m-menu__arrow{margin-left:5px}.diykeycap-match .m-header__desktop .m-menu-bar{border:0}.diykeycap-match .diy-home-hero.m-slider .m-slide__media{height:120vw}.diykeycap-match .diy-home-hero .m-slide__wrapper{padding:36px 24px 72px}.diykeycap-match .diy-home-hero .m-slide__content{width:min(100%,780px);max-width:780px}.diykeycap-match .diy-home-hero .m-slide__title{font-size:40px;line-height:1.05;text-transform:none}.diykeycap-match .diy-home-hero .m-slide__description{font-size:14px;line-height:1.65}.diykeycap-match .diy-home-hero .m-slide__subtitle{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.diykeycap-match .diy-home-hero .m-slide__button{margin-top:28px}.diykeycap-match .diy-home-hero .m-button{min-height:48px;min-width:128px;padding:12px 28px;font-size:12px;font-weight:700;letter-spacing:.12em;border-radius:2px}.diykeycap-match .diy-home-hero m-slideshow{position:relative}.diykeycap-match .diy-home-hero .m-slide__bg picture{display:block;width:100%;height:100%}.diykeycap-match .diy-home-hero .m-slider-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.diykeycap-match .diy-home-hero .m-slider-controls .swiper-pagination{position:absolute;top:auto;bottom:20px;left:50%;right:auto;transform:translate(-50%);display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;width:auto;margin:0;pointer-events:auto}.diykeycap-match .diy-home-hero .m-dot{position:relative;display:block;flex:0 0 auto;width:clamp(32px,5vw,64px);height:24px;padding:0;margin:0;border:0;border-radius:0;background:transparent;opacity:1}.diykeycap-match .diy-home-hero .m-dot:before,.diykeycap-match .diy-home-hero .m-dot:after{content:"";position:absolute;top:11px;right:auto;bottom:auto;left:0;width:100%;height:2px;border:0;border-radius:0;background:#fff;transform:none;transition:none}.diykeycap-match .diy-home-hero .m-dot:before{opacity:.35}.diykeycap-match .diy-home-hero .m-dot:after{opacity:0;transform:scaleX(0);transform-origin:left center}.diykeycap-match .diy-home-hero .m-dot--active:after{opacity:1;transform:scaleX(1)}.diykeycap-match .diy-home-hero m-slideshow[data-autoplay=true] .m-dot--active:after{animation:diy-slide-progress var(--data-autoplay-speed, 5s) linear both}.diykeycap-match .diy-home-hero .m-dot svg{display:none}@keyframes diy-slide-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.diykeycap-match .diy-home-hero m-slideshow[data-autoplay=true] .m-dot--active:after{animation:none}}@media(max-width:767px){.diykeycap-match{--diy-floating-clearance: env(safe-area-inset-bottom, 0px)}.stick-atc-show .diykeycap-match{--diy-floating-clearance: calc(var(--f-sticky-atc-bar-height, 48px) + 32px + env(safe-area-inset-bottom, 0px))}.diykeycap-match .diy-stories>.container-fluid{padding-inline:0}.diykeycap-match .diy-stories .m-mixed-layout__wrapper{padding:0;margin:0;overflow-x:auto;scrollbar-width:none}.diykeycap-match .diy-stories .m-mixed-layout__wrapper::-webkit-scrollbar{display:none}.diykeycap-match .diy-stories .m-mixed-layout__inner{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:60px;gap:12px;width:max-content;min-width:0;margin:0;padding:0 24px}.diykeycap-match .diy-stories .m-mixed-layout__inner>.m\:column{width:60px;max-width:60px;padding:0}.diykeycap-match .diy-stories .m-collection-card__image{width:60px;height:60px;margin:0}.diykeycap-match .diy-stories .m-collection-card__info{padding:8px 0 0}.diykeycap-match .diy-stories .m-collection-card__title{font-size:12px;line-height:1.4;font-weight:400;overflow-wrap:normal}.diykeycap-match .diy-custom-feature>.container-fluid{padding:0}.diykeycap-match .diy-custom-feature .m-image-with-text__inner{margin:0;gap:0}.diykeycap-match .diy-custom-feature .m-image-with-text__inner>.m\:column{padding:0}.diykeycap-match .diy-custom-feature .m-image-with-text__image-first{border-radius:0}.diykeycap-match .diy-custom-feature .m-content-box{padding:32px}.diykeycap-match .diy-custom-feature .m-content-box__heading{font-size:30px;line-height:1.2}.diykeycap-match .diy-custom-feature .m-content-box__description{font-size:16px;line-height:1.6}.diykeycap-match .diy-custom-feature .m-richtext__button{margin-top:24px}.diykeycap-match .diy-custom-feature .m-button{background:#f0c417;color:#000;border-color:#f0c417;min-height:48px;padding:12px 28px;font-size:12px;font-weight:700;letter-spacing:.12em}.diykeycap-match .m-main-product>.container,.diykeycap-match .m-main-product>.container-fluid{padding-inline:0}.diykeycap-match .m-main-product--wrapper{margin-inline:0}.diykeycap-match .m-main-product--media{padding-inline:0}.diykeycap-match .m-main-product--info{padding-inline:24px}.diykeycap-match .m-main-product .m-product-media{border-radius:0}.diykeycap-match .m-media-gallery__wrapper{position:relative}.diykeycap-match .m-media-gallery .m-product-media--slider__pagination{position:absolute;z-index:3;top:auto;bottom:12px;left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:calc(100% - 96px);height:24px;display:flex;flex-wrap:nowrap;align-items:center;gap:0;padding:0 8px;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-radius:999px;background:#f4f4f4b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.diykeycap-match .m-product-media--slider__pagination::-webkit-scrollbar{display:none}.diykeycap-match .m-product-media--slider__pagination .swiper-pagination-bullet{position:relative;flex:0 0 14px;width:14px;height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;opacity:1}.diykeycap-match .m-product-media--slider__pagination .swiper-pagination-bullet:before{content:"";position:absolute;top:9px;left:4px;width:6px;height:6px;border:0;border-radius:2px;background:#888;transform:none;opacity:.8}.diykeycap-match .m-product-media--slider__pagination .swiper-pagination-bullet:after{display:none}.diykeycap-match .m-product-media--slider__pagination .swiper-pagination-bullet-active:before{background:#000;opacity:1}.diykeycap-match .m-main-product .m-product-media--zoom-icon{bottom:12px;right:12px}.diykeycap-match .m-main-product .m-product-media--zoom-icon .m-tooltip{width:36px;height:36px}.diykeycap-match #smile-ui-lite-launcher-frame-container{left:16px!important;right:auto!important;bottom:calc(16px + var(--diy-floating-clearance))!important}.diykeycap-match shopify-chat::part(activator){translate:0 calc(-1 * var(--diy-floating-clearance))}.diykeycap-match .m-button--scroll-top{right:18px;bottom:calc(86px + var(--diy-floating-clearance))}}@media(min-width:741px){.diykeycap-match .diy-home-hero.m-slider .m-slide__media{height:70vw}}@media(min-width:741px){.diykeycap-match .diy-home-hero .m-slide__title{font-size:52px}}@media(min-width:741px){.diykeycap-match .diy-home-hero .m-slide__wrapper{padding:56px 40px 88px}}@media(min-width:1000px){.diykeycap-match .diy-home-hero.m-slider .m-slide__media{height:42vw}}@media(min-width:1200px){.diykeycap-match .diy-home-hero.m-slider .m-slide__media{height:38vw}}@media(min-width:1200px){.diykeycap-match .diy-home-hero .m-slide__description{font-size:16px}}@media(min-width:1024px)and (max-width:1279px){.diykeycap-match .m-header__desktop .m-menu{gap:14px}}@media(min-width:1024px)and (max-width:1279px){.diykeycap-match .m-header__desktop .m-menu__link--main{font-size:13px}}@media(min-width:1024px)and (max-width:1279px){.diykeycap-match .m-header__desktop .m-header__search{width:200px}}@media(min-width:1024px)and (max-width:1279px){.diykeycap-match .m-header__desktop .m-header__right{gap:12px}}@media(max-width:740px){.diykeycap-match{--diy-gutter: 24px}}@media(max-width:740px){.diykeycap-match .diy-home-hero .m-slide__title{font-size:34px}}@media(max-width:740px){.diykeycap-match .diy-home-hero .m-slide__content{text-align:center}}@media(max-width:740px){.diykeycap-match .diy-home-hero .m-slide__button{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/25/compiled_assets/styles.css.map */