.bracelet{width:100%;height:auto;overflow:visible}.builder__svg>svg.bracelet,.shop-preview__render>svg.bracelet{width:100%;height:100%}.bracelet stop{transition:stop-color .6s cubic-bezier(.2,.7,.1,1)}.bracelet[data-metal=silver]{--m-hi: #fdfdfe;--m-mid: #d5d8dc;--m-lo: #9ea4ab;--m-edge: #ffffff;--m-engrave: rgba(40, 46, 54, .32)}.bracelet[data-metal=dark]{--m-hi: #5c6066;--m-mid: #2b2d31;--m-lo: #0f1012;--m-edge: #7d8389;--m-engrave: rgba(255, 255, 255, .26)}.bracelet[data-metal=gold]{--m-hi: #fff1c9;--m-mid: #e2bc6c;--m-lo: #a87c2d;--m-edge: #fff6dc;--m-engrave: rgba(96, 62, 8, .38)}.bracelet[data-strap=black]{--s-hi: #3d3f43;--s-mid: #26282b;--s-lo: #121315;--s-hole: #050506;--s-line: rgba(255,255,255,.08)}.bracelet[data-strap=white]{--s-hi: #ffffff;--s-mid: #f0f0ee;--s-lo: #d2d3cf;--s-hole: #b9bab5;--s-line: rgba(0,0,0,.06)}.bracelet[data-strap=grey]{--s-hi: #9a9fa5;--s-mid: #7c8187;--s-lo: #5b5f64;--s-hole: #3d4044;--s-line: rgba(255,255,255,.1)}.bracelet[data-strap=blue],.bracelet[data-strap=navy]{--s-hi: #4f7fe0;--s-mid: #3866c8;--s-lo: #2447a0;--s-hole: #16306f;--s-line: rgba(255,255,255,.1)}.bracelet[data-strap=red]{--s-hi: #ef6a55;--s-mid: #d9493a;--s-lo: #a8302a;--s-hole: #6d1a16;--s-line: rgba(255,255,255,.1)}.bracelet[data-strap=orange]{--s-hi: #ff9a4d;--s-mid: #ef7a2a;--s-lo: #c25a14;--s-hole: #7d3608;--s-line: rgba(255,255,255,.12)}.bracelet[data-strap=purple]{--s-hi: #d667b8;--s-mid: #b8429a;--s-lo: #8a2a73;--s-hole: #561646;--s-line: rgba(255,255,255,.12)}.bracelet[data-strap=sage]{--s-hi: #9cbea6;--s-mid: #7fa58a;--s-lo: #5d8268;--s-hole: #3f5a47;--s-line: rgba(255,255,255,.1)}.bracelet[data-strap=sand]{--s-hi: #efe3cf;--s-mid: #dccbb0;--s-lo: #b9a688;--s-hole: #8d7b60;--s-line: rgba(0,0,0,.06)}.bracelet .b-weave,.bracelet .b-weave-shade{opacity:0;transition:opacity .4s}.bracelet[data-strap^=thread] .b-weave{opacity:1}.bracelet[data-strap^=thread] .b-weave-shade{opacity:.55}.bracelet[data-strap^=thread] .b-holes{opacity:0}.bracelet[data-strap=thread-sand]{--s-hi: #f1e7d6;--s-mid: #ddcdb3;--s-lo: #b5a283;--s-hole: #8d7b60;--s-line: rgba(0,0,0,.08)}.bracelet[data-strap=thread-ink]{--s-hi: #4a4c50;--s-mid: #2c2e31;--s-lo: #17181a;--s-hole: #000;--s-line: rgba(255,255,255,.1)}.bracelet[data-strap=thread-sage]{--s-hi: #a9c7b2;--s-mid: #86ab90;--s-lo: #61866b;--s-hole: #3f5a47;--s-line: rgba(255,255,255,.12)}.bracelet[data-strap=thread-blue]{--s-hi: #6d93c4;--s-mid: #4b74a9;--s-lo: #31527f;--s-hole: #1d3557;--s-line: rgba(255,255,255,.12)}.bracelet .m-hi{stop-color:var(--m-hi)}.bracelet .m-mid{stop-color:var(--m-mid)}.bracelet .m-lo{stop-color:var(--m-lo)}.bracelet .m-edge{stop-color:var(--m-edge)}.bracelet .s-hi{stop-color:var(--s-hi)}.bracelet .s-mid{stop-color:var(--s-mid)}.bracelet .s-lo{stop-color:var(--s-lo)}.bracelet .s-fill-mid{fill:var(--s-mid)}.bracelet .s-fill-lo{fill:var(--s-lo)}.bracelet .b-holes{fill:var(--s-hole);transition:fill .6s,opacity .4s}.bracelet .b-stitch,.bracelet .b-edge-line{stroke:var(--s-line)}.bracelet .b-window-shade{fill:#00000038}.bracelet .b-engrave{stroke:var(--m-engrave);transition:stroke .6s}.bracelet .b-engrave-dot{fill:var(--m-engrave);transition:fill .6s}.bracelet .b-face-line{stroke:#ffffff59}.bracelet[data-metal=dark] .b-face-line{stroke:#ffffff1f}.bracelet .b-sheen{mix-blend-mode:soft-light}.bracelet .b-strap-edge{stroke:var(--s-edge, transparent)}.bracelet[data-strap=white],.bracelet[data-strap=thread-sand],.bracelet[data-strap=sand]{--s-edge: rgba(22,22,22,.12)}.bracelet .b-window-line{stroke:#0000002e;stroke-width:1}.bracelet--tight{overflow:hidden}.bracelet .b-buckle-line{stroke:#00000029}.bracelet[data-metal=dark] .b-buckle-line{stroke:#ffffff24}.bracelet .b-buckle-ring{stroke:var(--m-mid);opacity:0;transform-origin:200px 493px;transform-box:view-box}.bracelet.is-buckle-focus .b-buckle-ring,[data-step="1"] .bracelet .b-buckle-ring{animation:buckleRing 2.4s var(--ease, ease) infinite}@keyframes buckleRing{0%{opacity:0;transform:scale(.7)}30%{opacity:.55}to{opacity:0;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.bracelet .b-buckle-ring{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bracelet.css.map */