.dbc-configurator{display:block;padding:24px}.dbc-configurator__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}@media (max-width: 900px){.dbc-configurator__grid{grid-template-columns:1fr}}.dbc-preview__frame{position:relative;border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden}.dbc-preview__frame--placeholder{padding:18px}.dbc-preview__base{width:100%;height:auto;display:block}.dbc-configurator .dbc-preview__stage .dbc-slot{position:absolute;transform:translate(-50%,-50%);width:110px;height:60px;border-radius:14px;border:2px dashed rgba(0,0,0,.25);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden}.dbc-configurator .dbc-preview__stage .dbc-slot.is-filled{border-style:solid;border-radius:1px}.dbc-configurator .dbc-preview__stage .dbc-slot img{width:100%;height:100%;object-position:center}.dbc-actions{display:flex;align-items:center;gap:12px;margin-top:16px;padding:0 32px 24px;box-sizing:border-box}.dbc-btn{border-radius:999px;padding:10px 14px;border:1px solid rgba(0,0,0,.18);cursor:pointer}.dbc-btn--secondary{background:transparent}.dbc-btn--atc{background:#e6e6e6;border-color:#0000001a;color:#00000073;cursor:not-allowed}.dbc-btn--atc.is-ready{background:#1c3f6e;border-color:#1c3f6e;color:#fff;cursor:pointer}.dbc-btn--atc:focus{outline:2px solid rgba(28,63,110,.35);outline-offset:2px}.dbc-status{font-size:.95rem;opacity:.85}.dbc-picker__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dbc-picker__title{white-space:nowrap}.dbc-picker{padding-left:32px;padding-right:32px;box-sizing:border-box}.dbc-search{width:100%;max-width:320px;border-radius:999px;border:1px solid rgba(0,0,0,.18);padding:10px 12px}.dbc-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.dbc-filter{border-radius:999px;padding:8px 12px;border:1px solid rgba(0,0,0,.18);background:transparent;cursor:pointer;font-size:.9rem}.dbc-filter.is-active{border-color:#00000073}.dbc-tiles{max-height:calc(100vh - 220px);overflow:auto;padding:30px 40px 30px 30px;box-sizing:border-box}.dbc-configurator__grid>:last-child{padding-right:24px}.dbc-tiles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 1200px){.dbc-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopify-section--header{position:relative;z-index:9999}.dbc-configurator{position:relative;z-index:1}.dbc-configurator .dbc-preview__stage .dbc-slot{position:absolute;transform:translate(-50%,-50%);width:90px;height:50px;border-radius:14px;border:2px dashed rgba(0,0,0,.25);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden}}@media (max-width: 500px){.dbc-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopify-section--header{position:relative;z-index:9999}.dbc-configurator{position:relative;z-index:1}.dbc-configurator .dbc-preview__stage .dbc-slot{position:absolute;transform:translate(-50%,-50%) translate(var(--dbc-slot-shift, 0px));width:65px;height:35px;border-radius:14px;border:2px dashed rgba(0,0,0,.25);background:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden}.dbc-preview{position:static!important;background:transparent!important;box-shadow:none!important;padding-bottom:0!important}.dbc-preview__frame{position:sticky;top:25px;z-index:20;background:#fbf8ef;padding:12px 0}.dbc-configurator .dbc-preview__stage .dbc-slot[data-slot-index="0"]{--dbc-slot-shift: -18px}.dbc-configurator .dbc-preview__stage .dbc-slot[data-slot-index="1"]{--dbc-slot-shift: -9px}.dbc-configurator .dbc-preview__stage .dbc-slot[data-slot-index="2"]{--dbc-slot-shift: 0px}.dbc-configurator .dbc-preview__stage .dbc-slot[data-slot-index="3"]{--dbc-slot-shift: 9px}.dbc-configurator .dbc-preview__stage .dbc-slot[data-slot-index="4"]{--dbc-slot-shift: 18px}}.dbc-tile{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:12px;cursor:pointer;background:#fff}.dbc-tile__image{height:100px;border-radius:12px;overflow:hidden;background:#00000008}.dbc-tile__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.5)}.dbc-tile__name{margin-top:10px;font-size:.9rem;line-height:1.2;word-break:break-word}.dbc-tile:active{cursor:grabbing}.dbc-tile.is-active{border-color:#1c3f6e;box-shadow:0 0 0 2px #1c3f6e40;background:#f9fbff}.dbc-mobilehint{font-size:.85rem;opacity:.8;margin-top:8px}.dbc-tile.is-soldout{opacity:.45;cursor:not-allowed}.dbc-tile.is-soldout:after{content:"Sold out";display:inline-block;margin-top:8px;font-size:.85rem;opacity:.9}.dbc-filter--favorites,.dbc-tile__image{position:relative}.dbc-tile__fav{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;cursor:pointer;padding:0}.dbc-tile__fav.is-favorited{background:#fffffff2;border-color:#1c3f6e8c;box-shadow:0 0 0 2px #1c3f6e26}@media (hover: hover){.dbc-tile__fav:hover{background:#fffffffa}}.dbc-status-row{display:flex;align-items:center;gap:12px;width:100%}.dbc-status{flex:1}.dbc-price{margin-left:auto;font-weight:600;font-size:1.05rem;white-space:nowrap}.dbc-actions{position:relative}.dbc-cart-item--locked{opacity:.9}.dbc-cart-item[data-dbc-role=tile] [href*="/cart/change"],.dbc-cart-item[data-dbc-role=tile] button,.dbc-cart-item[data-dbc-role=tile] input,.dbc-cart-item[data-dbc-role=tile] select{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bracelet-configurator.css.map */