.beni-customize-colors{display:block;overflow:hidden;background-color:var(--beni-customize-bg, #c63a25);color:var(--beni-customize-text, #fff);transition:background-color .22s ease}.beni-customize-colors,.beni-customize-colors *{box-sizing:border-box}.beni-customize-colors__inner{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);grid-template-areas:"content media";align-items:center;gap:clamp(40px,4.1vw,84px);width:min(100%,2048px);min-height:clamp(720px,56vw,1147px);margin:0 auto;padding:clamp(56px,6.2vw,128px) clamp(48px,3.42vw,70px) clamp(56px,6.2vw,128px) clamp(84px,8.89vw,182px);font-family:"Nunito Sans",var(--font-body-family)}.beni-customize-colors__content{grid-area:content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:130px;min-width:0;text-align:center}.beni-customize-colors__copy{display:flex;align-items:center;flex-direction:column;min-width:0;text-align:center}.beni-customize-colors__title,.beni-customize-colors__desc{margin:0;color:inherit;text-align:center}.beni-customize-colors__title{font-family:"Nunito Sans",var(--font-heading-family);font-size:72px;font-style:normal;font-weight:700;letter-spacing:0;line-height:1.1}.beni-customize-colors__desc{width:100%;max-width:100%;margin-top:clamp(24px,1.76vw,36px);font-family:"Nunito Sans",var(--font-body-family);font-size:32px;font-style:normal;font-weight:500;letter-spacing:0;line-height:1.4}.beni-customize-colors__swatches{display:inline-flex;align-items:center;gap:14px;justify-content:center;margin-top:0;padding:12px 16px;border-radius:999px;background:#fff;box-shadow:0 12px 34px #312e2d1f}.beni-customize-colors__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0;padding:0;border:2px solid color-mix(in srgb,var(--beni-customize-swatch) 75%,#000);border-radius:50%;background:var(--beni-customize-swatch);color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.beni-customize-colors__swatch:hover{transform:translateY(-1px)}.beni-customize-colors__swatch:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}.beni-customize-colors__swatch.is-active{border-color:#fffffff2;box-shadow:inset 0 0 0 1px #312e2d14,0 0 0 2px color-mix(in srgb,var(--beni-customize-swatch) 78%,#000)}.beni-customize-colors__check{width:18px;height:12px;border-bottom:3px solid currentColor;border-left:3px solid currentColor;opacity:0;transform:translateY(-2px) rotate(-45deg) scale(.8);transition:opacity .16s ease,transform .16s ease}.beni-customize-colors__swatch.is-active .beni-customize-colors__check{opacity:1;transform:translateY(-2px) rotate(-45deg) scale(1)}.beni-customize-colors__media-wrap{grid-area:media;position:relative;width:100%;min-width:0;aspect-ratio:1005 / 1005;overflow:hidden;border-radius:clamp(34px,3.52vw,72px);background:var(--beni-customize-panel-bg, #e8e8e8)}.beni-customize-colors__media{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.01);transition:opacity .22s ease,transform .26s ease}.beni-customize-colors__media.is-active{opacity:1;transform:scale(1)}.beni-customize-colors__picture,.beni-customize-colors__image,.beni-customize-colors__placeholder{display:block;width:100%;height:100%}.beni-customize-colors__image{object-fit:cover;object-position:center}.beni-customize-colors__placeholder{background:linear-gradient(135deg,#fffffff2,#d2d2d2e0)}.beni-customize-colors__placeholder-svg{width:100%;height:100%;opacity:.45}@supports not (color: color-mix(in srgb,#000 50%,transparent)){.beni-customize-colors__swatch,.beni-customize-colors__swatch.is-active{border-color:#312e2d33}}@media screen and (max-width:989px){.beni-customize-colors__inner{grid-template-areas:"copy" "media" "swatches";grid-template-columns:1fr;gap:36px;min-height:auto;padding:64px 24px 72px}.beni-customize-colors__content{display:contents}.beni-customize-colors__copy{grid-area:copy}.beni-customize-colors__title{font-size:58px}.beni-customize-colors__desc{max-width:100%;margin-top:18px;font-size:28px}.beni-customize-colors__swatches{grid-area:swatches;margin-top:0;justify-self:center}.beni-customize-colors__media-wrap{width:min(100%,720px);margin:0 auto}}@media screen and (max-width:749px){.beni-customize-colors__inner{gap:28px;padding:56px 16px 64px}.beni-customize-colors__content{display:contents}.beni-customize-colors__title{font-size:40px;letter-spacing:0;line-height:1.1}.beni-customize-colors__desc{max-width:100%;margin-top:14px;font-size:20px;letter-spacing:0;line-height:1.4}.beni-customize-colors__swatches{gap:10px;margin-top:0;padding:10px 12px}.beni-customize-colors__swatch{width:36px;height:36px}.beni-customize-colors__check{width:15px;height:10px;border-bottom-width:2px;border-left-width:2px}.beni-customize-colors__media-wrap{border-radius:28px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-beni-customize-colors.css.map */