.db-the-look--collection .db-the-look__body:has(>.db-look-builder[open])>.db-the-look__pieces{display:none}.db-look-builder{margin-top:14px}.db-look-builder [hidden],.db-look-builder[hidden]{display:none}.db-look-builder summary{list-style:none;cursor:pointer}.db-look-builder summary::-webkit-details-marker{display:none}.db-look-builder[open] summary span{transform:rotate(45deg)}.db-look-builder form{display:grid;gap:10px;margin-top:12px}.db-look-builder__intro,.db-look-builder__unavailable,.db-look-builder__status{margin:0;color:var(--db-look-muted);font-size:12px;line-height:1.5}.db-look-builder__piece{min-width:0;margin:0;padding:0;border:1px solid var(--db-look-line);background:var(--db-look-card)}.db-look-builder__role{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.db-look-builder__controls{display:grid;gap:6px;padding:0 clamp(8px,1vw,14px) 12px}.db-look-builder__include{display:flex;align-items:center;gap:6px;min-height:34px;color:var(--db-look-ink);font-size:12px;font-weight:600}.db-look-builder__include input{flex:0 0 16px;width:16px;height:16px;margin:0;accent-color:var(--db-look-wine)}.db-look-builder__options{display:grid;gap:4px}.db-look-builder :is(summary,input,select,button):focus-visible{outline:2px solid var(--db-look-wine);outline-offset:2px}.db-look-builder button[type=submit]{justify-content:center}.db-look-builder button:disabled{opacity:.55;cursor:default}.db-look-builder__status:empty{display:none}.db-the-look,.db-look-builder{--db-look-paper: #fff;--db-look-card: #fff}.db-look-builder{--db-look-ink: #28201f;--db-look-muted: #655754;--db-look-line: #ded7d3;--db-look-wine: #6b2639;--db-look-image: #e5e1dd;color:var(--db-look-ink);background:var(--db-look-paper)}.db-look-builder__pieces{margin-top:10px}.db-the-look--collection .db-look-builder--direct,.db-the-look--collection .db-look-builder--direct form{margin-top:0}.db-the-look--collection .db-look-builder--direct .db-look-builder__pieces{display:grid;grid-template-columns:repeat(var(--db-look-piece-columns),minmax(0,1fr));gap:clamp(8px,1vw,16px)}@media screen and (max-width:749px){.db-the-look--collection .db-look-builder--direct .db-look-builder__pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-look-builder__color-buttons,.db-look-builder__size-buttons{display:flex;flex-wrap:wrap;gap:6px}.db-look-builder__color,.db-look-builder__size{display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--db-look-line);color:var(--db-look-ink);background:#fff;cursor:pointer}.db-look-builder__color{width:36px;height:36px;padding:2px;overflow:hidden;border-radius:50%}.db-look-builder__color img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.db-look-builder__color--fallback{width:auto;min-width:36px;padding-inline:6px;border-radius:999px;font-size:10px}.db-look-builder__color[aria-pressed=true]{border-color:var(--db-look-ink);box-shadow:inset 0 0 0 1px var(--db-look-ink)}.db-look-builder__size{min-width:34px;min-height:36px;padding:4px 7px;font-size:12px;font-weight:600}.db-look-builder__size[aria-pressed=true]{border-color:var(--db-look-wine);color:#fff;background:var(--db-look-wine)}.db-look-builder__size:disabled{text-decoration:line-through}.db-look-builder__size-label{font-size:11px;color:var(--db-look-muted)}.db-look-builder__footer{display:grid;gap:10px;padding:12px 0 0;border-top:1px solid var(--db-look-line);background:#fff}.db-look-builder__selection{display:flex;justify-content:space-between;gap:10px;color:var(--db-look-muted);font-size:13px}.db-look-builder__selection strong{margin-left:4px;color:var(--db-look-ink)}.db-look-builder__submit{width:100%;min-height:46px;padding:9px 14px;border:1px solid var(--db-look-wine);color:#fff;background:var(--db-look-wine);font-size:13px;font-weight:700;cursor:pointer}.db-look-builder__copy{justify-self:center;padding:2px 8px;border:0;color:var(--db-look-wine);background:#fff;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.db-look-builder--drawer{position:fixed;inset:0 0 0 auto;box-sizing:border-box;width:min(100%,620px);max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden}.db-look-builder--drawer[open]{display:flex;flex-direction:column}.db-look-builder--drawer::backdrop{background:#22191870}body:has(.db-look-builder--drawer[open]){overflow:hidden}.db-look-builder__header{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:clamp(14px,3vw,25px);border-bottom:1px solid var(--db-look-line)}.db-look-builder__header h2{margin:0;color:var(--db-look-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,4vw,36px);font-weight:400}.db-look-builder__close{width:42px;height:42px;padding:0;border:1px solid var(--db-look-line);color:var(--db-look-ink);background:#fff;font-size:25px;line-height:1;cursor:pointer}.db-look-builder--drawer form{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;margin:0}.db-look-builder--drawer .db-look-builder__body{flex:1;min-height:0;padding:clamp(14px,3vw,25px);overflow-y:auto;overscroll-behavior:contain}.db-look-builder--drawer .db-look-builder__pieces{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.db-look-builder--drawer .db-look-builder__piece{padding:8px 10px}.db-look-builder--drawer .db-look-builder__controls{display:flex;flex-wrap:wrap;align-items:end;gap:8px 12px;padding:7px 0 0}.db-look-builder--drawer .db-look-builder__include{order:-1}.db-look-builder--drawer .db-look-builder__unavailable{flex-basis:100%}.db-look-builder--drawer .db-look-builder__footer{flex-shrink:0;padding:12px clamp(14px,3vw,25px) max(14px,env(safe-area-inset-bottom))}.db-look-builder--drawer .db-the-look__piece-content{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;padding-right:22px;color:inherit;text-decoration:none}.db-look-builder--drawer .db-the-look__thumb{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;background:var(--db-look-image)}.db-look-builder--drawer .db-the-look__piece-copy{display:grid;gap:3px}.db-look-builder--drawer .db-the-look__piece-role{color:var(--db-look-muted);font-size:11px}.db-look-builder--drawer .db-the-look__piece-name,.db-look-builder--drawer .db-the-look__price{font-size:13px;font-weight:600;line-height:1.3}.db-look-builder--drawer .db-the-look__price{color:var(--db-look-wine)}.db-look-builder--drawer .db-the-look__piece-icon{position:absolute;inset:2px 0 auto auto;padding:2px 3px;color:var(--db-look-wine);background:#fff}
/*# sourceMappingURL=/cdn/shop/t/47/assets/db-the-look-builder.css.map */