@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(bracelet-anton-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(bracelet-anton-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(bracelet-jost-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(bracelet-jost-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(bracelet-jost-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}bracelet-builder{--bb-bg: #f7f7f7;--bb-divider: #ffffff;--bb-nav-idle: #757575;--bb-nav-active: #333333;--bb-nav-hover-bg: #e1e1e1;--bb-card-active-bg: #efefef;--bb-group-bg: #dddddd;--bb-label: #728089;--bb-text: #3c3c3c;--bb-rail: 25%;--bb-display: "Anton", "Jost", "Noto Sans Georgian", Arial, sans-serif;--bb-body: "Jost", "Noto Sans Georgian", Arial, sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:block;overflow:hidden;background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-body)}body:has(bracelet-builder){overflow:hidden}bracelet-builder *,bracelet-builder *:before,bracelet-builder *:after{box-sizing:border-box}html body bracelet-builder,html body bracelet-builder p,html body bracelet-builder a,html body bracelet-builder span,html body bracelet-builder div,html body bracelet-builder button,html body bracelet-builder input,html body bracelet-builder h1,html body bracelet-builder h2,html body bracelet-builder h3,html body bracelet-builder h4,html body bracelet-builder dt,html body bracelet-builder dd,html body bracelet-builder th,html body bracelet-builder td{font-family:var(--bb-body)!important}html body bracelet-builder .bb-nav__item,html body bracelet-builder .bb-price__value,html body bracelet-builder .bb-row{font-family:var(--bb-display)!important}bracelet-builder button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}.bb-top{position:fixed;top:0;left:0;width:100%;z-index:5;display:flex;justify-content:center;pointer-events:none}.bb-top__back{pointer-events:auto;display:block;padding:4px 20px 6px;background:#fff;border-radius:0 0 5px 5px;font-family:var(--bb-body);font-size:1.6rem;font-weight:700;line-height:24px;color:#000;text-decoration:none}.bb-top__back:hover{text-decoration:underline}.bb-shell{display:flex;height:100vh;height:100dvh}.bb-left{display:flex;align-items:flex-start;justify-content:flex-start;gap:2vw;flex:1 1 auto;min-width:0;padding:4rem 0 0 5%;border-right:2px solid var(--bb-divider)}.bb-nav{flex:0 0 var(--bb-rail);width:var(--bb-rail);display:flex;flex-direction:column;overflow-y:auto}.bb-nav__item{display:flex;align-items:center;min-height:9rem;padding:0 4rem;border-bottom:2px solid var(--bb-divider);font-family:var(--bb-display);font-size:2.8rem;line-height:1.1;text-align:left;color:var(--bb-nav-idle);transition:background-color .2s ease,color .2s ease}.bb-nav__item:hover{background:var(--bb-nav-hover-bg);color:var(--bb-nav-active)}.bb-nav__item--active{color:var(--bb-nav-active);background:var(--bb-nav-hover-bg)}.bb-meta{flex:0 0 22rem;width:22rem;max-width:22rem}.bb-meta__toggle{display:flex;align-items:center;gap:.8rem;width:100%;padding:0;margin:1rem 0 0;font-family:var(--bb-body);font-size:2.8rem;line-height:1.15;text-align:left;white-space:nowrap;color:var(--bb-text)}.bb-meta__toggle svg{flex:0 0 auto;width:1.4rem;height:1.4rem;transition:transform .2s ease}.bb-meta__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.bb-meta__panel{display:block}.bb-spec{margin:.6rem 0 1rem}.bb-spec__row{display:flex;gap:.4rem;margin:0 0 .6rem;font-size:1.2rem;line-height:16px}.bb-spec__row dt{color:var(--bb-nav-idle)}.bb-spec__row dd{margin:0;font-weight:700}.bb-flash{color:green;transition:color .25s ease}.bb-ledger{max-height:34vh;overflow-y:auto;margin:0 0 1.2rem}.bb-ledger__table{width:100%;border-collapse:collapse;font-size:1.1rem;background:#fff;border:1px solid #ddd}.bb-ledger__table th,.bb-ledger__table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid #eee}.bb-ledger__table th{font-weight:700;color:var(--bb-nav-idle)}.bb-ledger__table td:last-child,.bb-ledger__table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.bb-price{margin:1rem 0 0;text-align:right}.bb-price__value{font-family:var(--bb-display);font-size:4rem;line-height:1.25;font-variant-numeric:tabular-nums}.bb-progress{margin:0 0 1rem;font-size:1.2rem;color:var(--bb-nav-idle);text-align:right}.bb-actions{display:flex;align-items:stretch;width:100%}.bb-qty{flex:0 0 45px;width:45px;height:45px;padding:1px 2px;border:2px inset #767676;border-radius:0;background:#fff;font-family:var(--bb-body);font-size:1.6rem;line-height:24px;text-align:center;color:#000;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bb-qty::-webkit-outer-spin-button,.bb-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-add{flex:1 1 auto;display:flex;align-items:center;justify-content:center;height:45px;padding:4px 8px;background:#fff;border:1px solid #232323;border-radius:0;font-family:var(--bb-body);font-size:1.6rem;font-weight:500;line-height:1.1;letter-spacing:.8px;text-transform:uppercase;text-align:center;color:#232323;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.bb-add:hover:not([disabled]){background:#232323;color:#fff}.bb-add[disabled]{opacity:.35;cursor:not-allowed}.bb-clear{display:inline-block;margin:1rem 0 0;font-size:1.2rem;color:var(--bb-nav-idle);text-decoration:underline}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bb-error{margin:.8rem 0 0;font-size:1.2rem;color:#a02020}.bb-stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;height:100%}.bb-preview{position:relative;width:38vw}.bb-preview__inner{position:relative}.bb-preview__front{position:relative;z-index:9;display:block;width:100%;height:auto;pointer-events:none}.bb-preview__base,.bb-preview__lock{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none}.bb-preview__base{z-index:1}.bb-preview__lock{z-index:99}.bb-preview__slots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.bb-preview--drawn{aspect-ratio:1000 / 1118}.bb-preview--drawn .bb-preview__inner{position:absolute;top:0;right:0;bottom:0;left:0}.bb-preview__cord{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.bb-preview__clasp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--bb-clasp-angle, 0deg));pointer-events:none}.bb-clasp{display:block;width:1.4vw;height:3vw;border-radius:.7vw;box-shadow:inset 0 0 0 1px #0003}.bb-clasp img{display:block;width:100%;height:auto}.bb-slot{position:absolute;width:var(--bb-slot-size, 4.3vw);height:var(--bb-slot-size, 4.3vw);padding:0;border-radius:50%;transition:box-shadow .15s ease,opacity .15s ease;background:transparent}.bb-slot--centred{margin:calc(var(--bb-slot-size, 4.3vw) / -2)}.bb-slot .bb-bead__visual{position:absolute;top:50%;left:50%;width:var(--bb-bead-size, 4.7vw);height:var(--bb-bead-size, 4.7vw);transform:translate(-50%,-50%) rotate(var(--bb-slot-angle, 0deg)) translate(var(--bb-slot-nudge-x, 0),var(--bb-slot-nudge-y, 0));transition:transform .6s ease}.bb-slot--landing .bb-bead__visual{transform:translate(-50%,-50%) rotate(0) scale(.82)}@media(prefers-reduced-motion:reduce){.bb-slot .bb-bead__visual{transition:none}.bb-slot--landing .bb-bead__visual{transform:translate(-50%,-50%) rotate(var(--bb-slot-angle, 0deg))}}.bb-slot:not(.bb-slot--filled){opacity:.4;background-image:var(--bb-ghost, none);background-repeat:no-repeat;background-position:center;background-size:var(--bb-bead-size, 4.7vw) var(--bb-bead-size, 4.7vw)}.bb-slot:not(.bb-slot--filled):not([style*=--bb-ghost]){border:1px dashed rgba(0,0,0,.28)}.bb-slot--filled{opacity:1}.bb-slot:focus-visible{outline:2px solid #000;outline-offset:2px}.bb-slot--hover,bracelet-builder.bb--armed .bb-slot:not(.bb-slot--filled){opacity:1;box-shadow:0 0 0 .3vw #0000001f}.bb-bead__visual,.bb-bead__visual img{display:block;width:100%;height:100%;border-radius:50%}.bb-bead__visual img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.bb-bead__visual--placeholder{background:radial-gradient(circle at 32% 28%,#ffffffbf,#fff0 42%),radial-gradient(circle at 68% 76%,#00000047,#0000 55%),var(--bb-bead-color, #999);box-shadow:inset 0 0 0 1px #0000001f}.bb-ghost{position:fixed;top:0;left:0;pointer-events:none;z-index:100;will-change:transform;transform:translateZ(0);filter:drop-shadow(0 .4vw .6vw rgba(0,0,0,.28))}.bb-ghost .bb-bead__visual{position:static;width:100%;height:100%;transform:none;transition:none}bracelet-builder.bb--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.bb-slot--hover:not(.bb-slot--filled){border-color:transparent;opacity:1;box-shadow:0 0 0 .35vw #00000029}.bb-slot--hover.bb-slot--filled .bb-bead__visual{opacity:.35;transition:opacity .15s ease}.bb-panel{position:absolute;top:0;right:calc(var(--bb-rail) * -1);width:var(--bb-rail);height:100vh;height:100dvh;background:var(--bb-bg);overflow:hidden;transition:right .6s ease;z-index:4}.bb-panel--open{right:0}.bb-panel--instant,.bb-panel--instant.bb-panel--open{transition:none}.bb-panel__scroll{height:calc(100% - 8rem);overflow-y:auto;overflow-x:hidden}.bb-panel__footer{position:absolute;bottom:0;left:0;width:100%;height:8rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:3px solid var(--bb-bg)}.bb-panel__action{display:flex;align-items:center;justify-content:center;height:100%;padding:0 5.8vw;color:var(--bb-nav-idle);transition:color .2s ease}.bb-panel__action svg{width:2rem;height:2rem;display:block}.bb-panel__action:hover,.bb-panel__action--confirm{color:var(--bb-nav-active)}.bb-grid{display:flex;flex-wrap:wrap}.bb-card{width:50%;padding:0 0 5%;border:2px solid var(--bb-divider);text-align:center;transition:background-color .2s ease}.bb-card:hover,.bb-card--active{background:var(--bb-card-active-bg)}.bb-card__media{display:block;margin:0 auto;padding:20px 20px 0;width:100%}.bb-card__media img{display:block;width:100%;height:auto}.bb-card__media--crop{position:relative;width:78%;aspect-ratio:1 / 1;padding:0;margin:1.4rem auto 0;overflow:hidden;border-radius:.6rem}.bb-card__media--crop img{position:absolute;width:var(--bb-crop-w, 100%);height:auto;max-width:none;left:var(--bb-crop-x, 0);top:var(--bb-crop-y, 0)}.bb-card__media--swatch{width:4.7vw;height:4.7vw;padding:0;margin:2rem auto 0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.bb-card__label{display:block;padding:.8rem 1rem 0;font-size:1.6rem;font-weight:900;line-height:1.25;text-transform:uppercase;color:var(--bb-label)}.bb-card__note{display:block;font-size:1.2rem;color:var(--bb-nav-idle)}.bb-rows{display:flex;flex-direction:column-reverse;width:100%}.bb-row{width:100%;padding:1vw 0;border:2px solid var(--bb-divider);font-family:var(--bb-display);font-size:2.8rem;text-align:center;color:var(--bb-nav-idle);transition:background-color .2s ease,color .2s ease}.bb-row:hover,.bb-row--active{background:var(--bb-card-active-bg);color:var(--bb-nav-active)}.bb-hint{margin:0;padding:1.2rem 1rem;font-size:1.2rem;text-align:center;color:var(--bb-nav-idle)}.bb-group{margin:0;padding:1rem 0;background:var(--bb-group-bg);font-size:1.6rem;font-weight:900;text-transform:uppercase;text-align:center}.bb-bead{width:50%;padding:5%;border:2px solid var(--bb-divider);text-align:center;transition:background-color .2s ease}.bb-bead:hover,.bb-bead--armed{background:var(--bb-card-active-bg)}.bb-bead--armed{box-shadow:inset 0 0 0 2px #000}.bb-bead__swatch{width:4.7vw;height:4.7vw;margin:0 auto;cursor:grab}.bb-bead__name{display:block;padding:.6rem 4% 0;font-size:1.4rem}.bb-bead__keywords{display:block;padding:0 4%;font-size:1.2rem;line-height:1.2;color:var(--bb-nav-idle)}.bb-bead__price{display:block;padding:.4rem 4% 0;font-size:1.2rem;font-weight:700}.bb-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;background:#fbfbfb}.bb-loader[hidden]{display:none}.bb-loader__spinner{width:3.2rem;height:3.2rem;border:3px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:bb-spin .9s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bb-loader__spinner{animation:none}.bb-panel{transition:none}}.bb-rotate{display:none}@media screen and (max-width:990px){.bb-shell{flex-direction:column;height:100dvh}.bb-left{flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;width:auto;margin:15px;padding:3.4rem 0 24vw;border-right:0;gap:0;overflow-y:auto}.bb-stage{order:1;width:100%;height:auto}.bb-preview{width:80vw;margin:0 auto}.bb-meta{order:2;display:contents}.bb-price{order:2;flex:0 0 25%;margin:0;text-align:left}.bb-price__value{font-size:20px;line-height:50px}.bb-actions{order:2;flex:0 0 70%;margin:10px 0 20px}.bb-qty,.bb-add{font-size:10px}.bb-progress{order:3;flex:0 0 100%;margin:0 0 .8rem;text-align:left}.bb-meta__toggle{order:4;flex:0 0 100%;display:flex;justify-content:space-between;margin:0;padding:1rem 0;font-size:2rem;border-bottom:1px solid #e3e3e3}.bb-meta__panel{order:5;flex:0 0 100%;display:none}bracelet-builder.bb--meta-open .bb-meta__panel{display:block;padding:1rem 0}.bb-clear{order:6;flex:0 0 100%;text-align:left}.bb-error{order:7;flex:0 0 100%}.bb-ledger{max-height:30vh}.bb-slot{width:var(--bb-slot-size-m, 11.4vw);height:var(--bb-slot-size-m, 11.4vw)}.bb-slot--centred{margin:calc(var(--bb-slot-size-m, 11.4vw) / -2)}.bb-slot .bb-bead__visual,.bb-ghost .bb-bead__visual{width:100%;height:auto;aspect-ratio:1 / 1}.bb-slot:not(.bb-slot--filled){background-size:100% auto}.bb-nav{position:fixed;bottom:0;left:0;width:100%;height:20vw;flex:0 0 20vw;flex-direction:row;overflow-x:auto;overflow-y:hidden;background:var(--bb-bg);z-index:20}.bb-nav__item{flex:0 0 auto;min-height:0;height:100%;padding:2vh;border-bottom:0;border-top:2px solid var(--bb-divider);font-size:4vw;line-height:5vw;flex-direction:column;justify-content:flex-start;text-align:center;white-space:nowrap}.bb-panel{position:fixed;right:0;bottom:20vw;left:0;top:auto;width:100%;height:30vw;transform:translateY(calc(100% + 20vw));visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s;z-index:21}.bb-panel--open{transform:translateY(0);visibility:visible;transition:transform .35s ease,visibility 0s}.bb-panel--instant,.bb-panel--instant.bb-panel--open{transition:none}.bb-panel__scroll{height:100%;padding-right:14vw;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.bb-panel__scroll::-webkit-scrollbar{display:none}.bb-grid{display:flex;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto;height:100%}.bb-rows{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1 1 auto;width:100%;height:auto}.bb-panel__scroll:has(.bb-rows){flex-direction:column;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.bb-card,.bb-bead{width:26vw;flex:0 0 26vw;padding:2vw 1vw;display:flex;flex-direction:column;justify-content:flex-start;height:100%;overflow:hidden}.bb-card__media,.bb-bead__visual{padding:0;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.bb-card__media img,.bb-bead__visual img{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain}.bb-card__media--crop{width:100%;max-width:12rem;margin:0 auto;flex:0 0 auto}.bb-card__media--crop img{width:var(--bb-crop-w, 100%);max-width:none;height:auto;max-height:none;object-fit:fill}.bb-card__label,.bb-bead__name,.bb-bead__price{flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bb-row{width:100%;flex:0 0 auto;min-height:13vw;padding:0 4vw;font-size:5vw;display:flex;align-items:center;justify-content:flex-end;text-align:right}.bb-card__media--swatch,.bb-bead__swatch{flex:0 0 auto;align-self:center;width:10vw;height:10vw;aspect-ratio:1 / 1}.bb-card__label,.bb-bead__name{font-size:1.1rem}.bb-bead__price{font-size:1rem}.bb-group,.bb-hint,.bb-bead__keywords{display:none}.bb-panel__footer{position:absolute;top:0;right:0;bottom:auto;left:auto;width:14vw;height:100%;flex-direction:column;justify-content:center;gap:1.5vw;border-bottom:0;border-left:2px solid var(--bb-bg)}.bb-panel__action{height:auto;padding:0}.bb-panel__action svg{width:5vw;height:5vw}}@media screen and (max-width:990px)and (orientation:landscape){.bb-rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;text-align:center;font-size:1.6rem}}@media screen and (max-width:990px){.bb-bead__name,.bb-card__label{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;min-height:2.4em;padding-top:.4rem}.bb-panel{height:34vw}.bb-card__media--crop{width:17vw;max-width:17vw}.bb-card__note{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/bracelet-builder.css.map */
