.diamond-size-guide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.diamond-size-guide-header{text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:auto}.diamond-size-guide-title{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:#fff}.diamond-size-guide-subtitle{margin:0;font-size:1.2rem}.diamond-size-guide-stone-container{position:absolute;top:50%;left:51%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.diamond-size-guide-stone{max-width:100%;max-height:100%;object-fit:contain;transform:scale(1);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));will-change:transform}.diamond-size-guide-controls{pointer-events:auto;position:relative;z-index:1;display:inline-flex;gap:.1rem;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:max-content;padding:4px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:40px}.diamond-size-guide-controls button{background:transparent;border:none;border-radius:100%;padding:10px;font-size:12px;font-weight:500;color:#333;cursor:pointer;transition:all .2s ease;min-width:26px;display:flex;align-items:center;justify-content:center}.diamond-size-guide-controls button:hover{background:#ffffff4d}.diamond-size-guide-controls button.active{background:#fff;box-shadow:0 2px 4px #0000001a;font-weight:700;color:#000}@media screen and (max-width:748px){.diamond-size-guide-overlay{padding:.5rem}.diamond-size-guide-title{font-size:1.2rem;margin-bottom:.2rem}.diamond-size-guide-subtitle{font-size:.8rem}.diamond-size-guide-controls{pointer-events:auto;position:relative;z-index:1;display:inline-flex;gap:0;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:max-content;margin:0 auto 2rem;padding:4px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px}.diamond-size-guide-controls button{padding:5px 6px;font-size:10px;min-width:15px;white-space:nowrap}.diamond-size-guide-stone-container{position:absolute;top:48%;left:49%;transform:translate(-50%,-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/diamond-size-guide.css.map */