.swap-collection-grid .build-grid-feature-card.diy-basics-card{display:flex;flex-direction:column;position:relative;aspect-ratio:2 / 3;height:auto;min-height:0;align-self:center;padding:0!important;overflow:hidden;container-type:inline-size;justify-content:center;text-decoration:none;text-align:center;background:var(--brand-color-cream)!important}.diy-basics-card h3{position:absolute;top:7%;inset-inline:6%;margin:0;font-size:clamp(1rem,11cqw,2.75rem);line-height:1;text-align:center;text-wrap:balance}.diy-basics-card__images{position:absolute;top:27%;bottom:34%;inset-inline:8%;display:flex;align-items:center;justify-content:center;min-height:0}.diy-basics-card__images img{width:43%;min-width:0;height:auto;max-height:100%;object-fit:contain}.diy-basics-card__images img+img{margin-left:-14.5%}.diy-basics-card__images img:first-child:not(:last-child){transform:rotate(-8deg)}.diy-basics-card__images img:last-child:not(:first-child){transform:rotate(8deg)}.diy-basics-card__images img:only-child{width:70%}.diy-basics-card__description{position:absolute;bottom:26%;inset-inline:6%;font-size:clamp(.5625rem,3.25cqw,.8125rem);font-weight:700;line-height:1.3;text-align:center}.diy-basics-card .btn.diy-basics-card__cta{--brand-button-font-size: clamp(.6875rem, 6.5cqw, 1.5rem);--brand-button-min-height: 44px;--brand-button-line-height: 1.1;position:absolute;bottom:8%;inset-inline:9%;display:flex;align-items:center;justify-content:center;gap:.375rem;width:auto;max-width:none;min-height:44px;margin:0;padding:.5rem;line-height:1.1;text-align:center;white-space:nowrap}.diy-basics-card__cta-icon{flex-shrink:0}.diy-basics-card__cta-icon svg{display:block;width:clamp(14px,6cqw,22px);height:clamp(14px,6cqw,22px)}.diy-basics-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.diy-basics-picker__grid .diy-basics-picker__option{min-width:0;padding:0;overflow:hidden;border-width:1px;border-radius:var(--brand-radius-card, 12px);text-align:left;box-shadow:none}.diy-basics-picker__option>.js-picture{height:auto;aspect-ratio:1}.diy-basics-picker__option:focus-visible{outline:2px solid currentColor;outline-offset:3px}.diy-basics-picker__option:hover{border-color:currentColor}.diy-basics-picker__option:disabled{opacity:.6;cursor:progress}.diy-basics-picker__copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:.625rem}.diy-basics-picker__copy strong{margin:0;line-height:1.25}#root a.build-category-chip{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}.diy-basics-picker__dismiss{min-height:44px;font-size:.875rem;line-height:1.2;padding:.625rem 1rem}.diy-basics-panel-cutout,.diy-basics-picker__option--cutout .js-picture img{-webkit-mask-image:var(--diy-panel-mask);mask-image:var(--diy-panel-mask);mask-mode:alpha;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
/*# sourceMappingURL=/cdn/shop/t/374/assets/diy-basics-v1.css.map */