.pieces-fit-wrapper{width:100%}.pieces-fit-wrapper .pft-heading{font-size:54px;font-weight:500;line-height:.91;letter-spacing:-.03em;color:rgb(var(--color-foreground));margin:0 0 40px}.pieces-fit-wrapper .pft-content{display:flex;align-items:flex-start;gap:40px}.pieces-fit-wrapper .pft-image-col{flex:0 0 675px;max-width:675px}.pieces-fit-wrapper .pft-image-wrap{position:relative;border-radius:16px;overflow:visible;aspect-ratio:675 / 520}.pieces-fit-wrapper .pft-image-wrap .pft-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}.pieces-fit-wrapper .pft-image-placeholder{aspect-ratio:675 / 520;border-radius:16px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.pieces-fit-wrapper .pft-image-placeholder svg{width:100%;height:100%}.pieces-fit-wrapper .pft-img-badge{position:absolute;width:44px;height:44px;border-radius:50%;background-color:rgb(var(--color-button));border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:2;transition:transform .2s ease,box-shadow .2s ease}.pieces-fit-wrapper .pft-img-badge:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #0003}.pieces-fit-wrapper .pft-img-badge:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.pieces-fit-wrapper .pft-badge-num{font-size:16px;font-weight:600;line-height:1;color:rgb(var(--color-button-text));font-family:var(--font-body-family);pointer-events:none}.pieces-fit-wrapper .pft-badge-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border-radius:12px;padding:14px 16px;min-width:220px;max-width:280px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:translate(-50%) translateY(6px);z-index:10;text-align:left;display:block}.pieces-fit-wrapper .pft-badge-tooltip:after{content:"";position:absolute;top:99%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff;display:block}.pieces-fit-wrapper .pft-tooltip-title{font-size:14px;font-weight:600;line-height:1.3;color:#191919;margin:0 0 4px;font-family:var(--font-body-family)}.pieces-fit-wrapper .pft-tooltip-desc{font-size:13px;font-weight:400;line-height:1.4;color:#75787b;margin:0;font-family:var(--font-body-family)}.pieces-fit-wrapper .pft-img-badge.is-open .pft-badge-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.pieces-fit-wrapper .pft-right-col{flex:1;display:flex;flex-direction:column;gap:36px}.pieces-fit-wrapper .pft-description{font-size:18px;font-weight:400;line-height:1.24;color:rgb(var(--color-foreground))}.pieces-fit-wrapper .pft-description p{margin:0}.pieces-fit-wrapper .pft-cards{display:flex;flex-direction:column;gap:10px}.pieces-fit-wrapper .pft-card{display:flex;align-items:center;gap:20px;background-color:rgb(var(--color-card-box));border-radius:16px;padding:20px}.pieces-fit-wrapper .pft-card-badge{width:44px;height:44px;min-width:44px;border-radius:50%;background-color:rgba(var(--color-button),.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pieces-fit-wrapper .pft-card-num{font-size:16px;font-weight:600;line-height:1;color:rgb(var(--color-button));font-family:var(--font-body-family)}.pieces-fit-wrapper .pft-card-text{display:flex;flex-direction:column;gap:4px}.pieces-fit-wrapper .pft-card-title{font-size:16px;font-weight:600;line-height:1.4;color:rgb(var(--color-foreground));margin:0;font-family:var(--font-body-family)}.pieces-fit-wrapper .pft-card-desc{font-size:14px;font-weight:400;line-height:1.5;color:rgb(var(--color-foreground));margin:0;font-family:var(--font-body-family);opacity:.8}@media screen and (max-width:1439px){.pieces-fit-wrapper .pft-heading{font-size:54px}.pieces-fit-wrapper .pft-image-col{flex:0 0 50%;max-width:50%}}@media screen and (max-width:990px){.pieces-fit-wrapper .pft-heading{font-size:38px;line-height:1.1;margin-bottom:24px}.pieces-fit-wrapper .pft-content{flex-direction:column;gap:24px}.pieces-fit-wrapper .pft-image-col{flex:none;width:100%;max-width:100%}.pieces-fit-wrapper .pft-right-col{gap:24px}.pieces-fit-wrapper .pft-description{font-size:16px}.pieces-fit-wrapper .pft-card{padding:16px;gap:16px}.pieces-fit-wrapper .pft-badge-tooltip{min-width:180px;max-width:220px}}@media screen and (max-width:990px){.pieces-fit-wrapper .pft-badge-tooltip{min-width:150px;max-width:150px}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/pieces-fit-together.css.map */