.bb-dsg{position:relative;width:100%;height:100%}.bb-dsg__media{position:relative;width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f3f3f1;container-type:inline-size}.bb-dsg__hand{display:block;width:100%;height:100%;object-fit:cover}.bb-dsg__diamond{position:absolute;top:var(--bb-dsg-top, 55%);left:var(--bb-dsg-left, 50%);width:var(--bb-dsg-diamond-width, 71px);height:var(--bb-dsg-diamond-height, 71px);transform:translate(-50%,-50%) rotate(var(--bb-dsg-rotate, 0deg));transform-origin:center center;pointer-events:none;will-change:width,height}.bb-dsg__badges{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 2rem);z-index:2}.bb-dsg__shown,.bb-dsg__note{text-align:center;border-radius:999px;background:#ffffffbf;color:#404040;line-height:1.3;white-space:nowrap}.bb-dsg__shown{padding:4px 8px;font-size:12px}.bb-dsg__note{padding:4px 12px;font-size:11px}.bb-dsg__pills{position:absolute;left:9%;right:9%;bottom:3.2%;z-index:2;display:flex;align-items:center;gap:1px;height:13%;min-height:36px;margin:0;padding:4px 6px;box-sizing:border-box;border-radius:999px;background:#fffffff0;box-shadow:0 4px 14px #00000024;overflow:hidden}.bb-dsg__pill{flex:1 1 0;min-width:0;height:100%;padding:0 1px;border:0;border-radius:999px;background:transparent;color:#111;font-size:clamp(10px,3.15cqi,14px);line-height:1;letter-spacing:-.03em;cursor:pointer;white-space:nowrap}.bb-dsg__pill:hover{background:#00000014}.bb-dsg__pill.is-selected{flex:0 0 auto;width:auto;aspect-ratio:1;height:100%;padding:0;border-radius:50%;background:#111;color:#fff}.bb-dsg__pill:focus-visible{outline:2px solid #111;outline-offset:1px}@media(max-width:749px){.bb-dsg__diamond{width:calc(var(--bb-dsg-diamond-width) * (100cqw / 319px));height:calc(var(--bb-dsg-diamond-height) * (100cqw / 319px))}.bb-dsg__pills{left:7%;right:7%;bottom:3%;min-height:32px;padding:3px 4px}.bb-dsg__pill{letter-spacing:-.04em}}@media(min-width:750px)and (max-width:1024px){.bb-dsg__diamond{width:var(--bb-dsg-diamond-tablet-width, var(--bb-dsg-diamond-width, 92px));height:var(--bb-dsg-diamond-tablet-height, var(--bb-dsg-diamond-height, 92px))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/diamond-size-guide.css.map */