*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background:244 240 234;--color-foreground:42 37 33;--font-heading-family:"Cormorant Garamond", Georgia, serif;--font-heading-weight:400;--font-body-family:"DM Sans", system-ui, -apple-system, sans-serif;--inputs-radius:2px;--popup-corner-radius:0px}body{font-family:var(--font-body-family);color:rgb(var(--color-foreground));background:rgb(var(--color-background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}#root{min-height:100dvh}.osha-config{color:inherit;--cfg-text-rgb:var(--color-foreground,58 58 58);--cfg-bg-rgb:var(--color-background,255 255 255);--cfg-text:rgb(var(--cfg-text-rgb));--cfg-text-muted:rgba(var(--cfg-text-rgb), .55);--cfg-border:rgba(var(--cfg-text-rgb), .14);--cfg-border-strong:rgba(var(--cfg-text-rgb), .4);--cfg-surface:rgba(var(--cfg-bg-rgb), .5);--cfg-font-heading:var(--font-heading-family,"Cormorant Garamond", Georgia, serif);--cfg-font-heading-weight:var(--font-heading-weight,400);--cfg-radius-input:var(--inputs-radius,8px);--cfg-radius-card:var(--popup-corner-radius,12px);box-sizing:border-box;max-width:620px;margin:0 auto;padding:28px 20px 56px;font-family:inherit;font-size:17px;display:block}.osha-config *,.osha-config :before,.osha-config :after{box-sizing:border-box}.osha-config .osha-header{text-align:center;margin-bottom:36px;display:block}.osha-config .osha-header h1{font-family:var(--cfg-font-heading);font-weight:var(--cfg-font-heading-weight);letter-spacing:.15em;color:var(--cfg-text);margin:0 0 6px;font-size:2.8rem;display:block}.osha-config .osha-subtitle{color:var(--cfg-text-muted);letter-spacing:.05em;margin:0;font-size:1rem;font-weight:300;display:block}.osha-config .osha-preview{flex-direction:column;align-items:center;margin-bottom:36px;display:flex;overflow:hidden}.osha-config .osha-necklace{transform-origin:top;flex-direction:column;align-items:center;max-width:100%;padding-top:20px;display:flex;position:relative}.osha-config .osha-cord{display:block;position:relative}.osha-config .osha-cord-path{fill:none;stroke-width:2.5px;stroke-linecap:round}.osha-config .osha-plate{z-index:2;border-radius:3px;flex-direction:column;gap:1px;padding:2px;display:inline-flex;position:relative}.osha-config .osha-row{gap:1px;display:flex}.osha-config .osha-bead{border-radius:2px;flex-shrink:0;transition:background-color .2s;display:block}.osha-config .osha-plate.horizontal .osha-bead,.osha-config .osha-plate.vertical .osha-bead{width:14px;height:17px}.osha-config .osha-placeholder{border:1.5px dashed var(--cfg-border);border-radius:var(--cfg-radius-card);width:240px;height:140px;color:var(--cfg-text-muted);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:1rem;font-style:italic;display:flex}.osha-config .osha-controls{border:1px solid var(--cfg-border);border-radius:var(--cfg-radius-card);background:var(--cfg-surface);flex-direction:column;gap:26px;margin-bottom:26px;padding:28px;display:flex}.osha-config .osha-field{flex-direction:column;gap:10px;display:flex}.osha-config .osha-field label{text-transform:uppercase;letter-spacing:.1em;color:var(--cfg-text-muted);font-size:.92rem;font-weight:500;display:block}.osha-config .osha-input{font-family:var(--cfg-font-heading);letter-spacing:.14em;text-align:center;text-transform:uppercase;border:1.5px solid var(--cfg-border);border-radius:var(--cfg-radius-input);color:var(--cfg-text);box-sizing:border-box;background:0 0;outline:none;width:100%;padding:16px 18px;font-size:2.1rem;transition:border-color .2s}.osha-config .osha-input:focus{border-color:var(--cfg-border-strong)}.osha-config .osha-input::placeholder{color:var(--cfg-text-muted);text-transform:none;letter-spacing:.02em;font-size:1.3rem}.osha-config .osha-count{text-align:right;color:var(--cfg-text-muted);margin-top:-2px;font-size:.92rem}.osha-config .osha-warning{text-align:center;color:#c0392b;margin-top:4px;font-size:.95rem;display:block}.osha-config .osha-swatches{flex-wrap:wrap;gap:10px;display:flex}.osha-config .osha-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;width:38px;height:38px;padding:0;transition:all .15s;position:relative}.osha-config .osha-swatch:hover{transform:scale(1.15)}.osha-config .osha-swatch.selected{border-color:var(--cfg-text);box-shadow:0 0 0 2px rgb(var(--cfg-bg-rgb)), 0 0 0 3.5px var(--cfg-text)}.osha-config .osha-toggle{border-radius:var(--cfg-radius-input);border:1.5px solid var(--cfg-border);display:flex;overflow:hidden}.osha-config .osha-toggle-btn{color:var(--cfg-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:13px 18px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.osha-config .osha-toggle-btn:first-child{border-right:1px solid var(--cfg-border)}.osha-config .osha-toggle-btn.active{background:var(--cfg-text);color:rgb(var(--cfg-bg-rgb))}.osha-config .osha-price{border:1px solid var(--cfg-border);border-radius:var(--cfg-radius-card);background:var(--cfg-surface);padding:28px}.osha-config .osha-price h3{font-family:var(--cfg-font-heading);font-weight:var(--cfg-font-heading-weight);color:var(--cfg-text);margin:0 0 18px;font-size:1.7rem;display:block}.osha-config .osha-price-line{justify-content:space-between;align-items:center;padding:7px 0;font-size:1.05rem;display:flex}.osha-config .osha-price-line.detail{color:var(--cfg-text-muted);font-size:.95rem}.osha-config .osha-price-line.supplement{color:var(--cfg-text-muted);font-size:.95rem;font-style:italic}.osha-config .osha-price-divider{border:none;border-top:1px solid var(--cfg-border);margin:14px 0}.osha-config .osha-price-total{justify-content:space-between;align-items:baseline;padding-top:4px;display:flex}.osha-config .osha-price-total .label{color:var(--cfg-text);font-size:1.15rem;font-weight:500}.osha-config .osha-price-total .amount{font-family:var(--cfg-font-heading);font-weight:var(--cfg-font-heading-weight);color:var(--cfg-text);font-size:2.2rem}.osha-config .osha-qty{align-items:center;gap:14px;display:flex}.osha-config .osha-qty-btn{border:1.5px solid var(--cfg-border);width:38px;height:38px;color:var(--cfg-text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.25rem;line-height:1;transition:all .15s;display:flex}.osha-config .osha-qty-btn:hover:not(:disabled){border-color:var(--cfg-border-strong)}.osha-config .osha-qty-btn:disabled{opacity:.3;cursor:not-allowed}.osha-config .osha-qty-value{color:var(--cfg-text);text-align:center;min-width:26px;font-size:1.25rem;font-weight:500}.osha-config .osha-order-btn{background:var(--cfg-text);width:100%;color:rgb(var(--cfg-bg-rgb));letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border-radius:var(--cfg-radius-input);border:none;margin-top:24px;padding:20px;font-family:inherit;font-size:1rem;font-weight:500;transition:opacity .2s;display:block}.osha-config .osha-order-btn:hover:not(:disabled){opacity:.85}.osha-config .osha-order-btn:disabled{opacity:.35;cursor:not-allowed}.osha-config .osha-order-error{text-align:center;color:#c0392b;margin-top:12px;font-size:.95rem}.osha-config .osha-footer{text-align:center;border-top:1px solid var(--cfg-border);margin-top:48px;padding-top:26px;display:block}.osha-config .osha-footer p{color:var(--cfg-text-muted);margin:0;font-size:.9rem;line-height:1.6}.osha-config .osha-footer a{color:inherit;text-underline-offset:2px;text-decoration:underline}@media (width>=768px){.osha-config{padding:48px 28px 64px;font-size:18px}.osha-config .osha-header h1{font-size:3.4rem}.osha-config .osha-subtitle{font-size:1.05rem}.osha-config .osha-input{padding:18px 20px;font-size:2.4rem}.osha-config .osha-price h3{font-size:1.9rem}.osha-config .osha-price-total .amount{font-size:2.5rem}.osha-config .osha-plate.horizontal .osha-bead,.osha-config .osha-plate.vertical .osha-bead{width:17px;height:20px}.osha-config .osha-swatch{width:42px;height:42px}.osha-config .osha-qty-btn{width:42px;height:42px;font-size:1.35rem}.osha-config .osha-qty-value{font-size:1.35rem}}
/*$vite$:1*/