.dop-3pack{position:relative;padding-bottom:calc(var(--dop-s-9) + 96px);background:var(--dop-page);overscroll-behavior:contain}.dop-3pack-head{padding:var(--dop-s-7) var(--dop-gut) var(--dop-s-5);text-align:center}.dop-3pack-eyebrow{font-family:var(--dop-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dop-ink-3);margin:0 0 var(--dop-s-3)}.dop-3pack-heading{font-family:var(--dop-serif);font-size:clamp(28px,5vw,56px);line-height:1.1;letter-spacing:-.02em;color:var(--dop-ink);margin:0 0 var(--dop-s-3);text-wrap:balance}.dop-3pack-sub{font-family:var(--dop-sans);font-size:16px;line-height:1.5;color:var(--dop-ink-2);margin:0;max-width:540px;margin-inline:auto}.dop-3pack-body{display:flex;flex-direction:column;gap:var(--dop-s-7);padding-bottom:var(--dop-s-7)}.dop-3pack-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dop-s-4)}.dop-3pack-slots.is-flash{animation:dop-3pack-flash var(--dop-d-3) var(--dop-ease-out) 1}@keyframes dop-3pack-flash{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.dop-3pack-slot{position:relative;background:var(--dop-surface);border:1px dashed var(--dop-line-2);border-radius:var(--dop-r-3);min-height:280px;transition:border-color var(--dop-d-2) var(--dop-ease-out),box-shadow var(--dop-d-2) var(--dop-ease-out)}.dop-3pack-slot--error{border-color:var(--dop-low);box-shadow:0 0 0 2px #c84a2a2e}.dop-3pack-slot.is-empty{border-style:dashed}.dop-3pack-slot.is-filled{border-style:solid;border-color:var(--dop-line);box-shadow:var(--dop-sh-1)}.dop-3pack-slot-empty[hidden],.dop-3pack-slot-filled[hidden],.dop-3pack-slot.is-filled .dop-3pack-slot-empty,.dop-3pack-slot.is-empty .dop-3pack-slot-filled{display:none!important}.dop-3pack-slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dop-s-3);padding:var(--dop-s-5);height:100%;text-align:center;color:var(--dop-ink-3)}.dop-3pack-slot-num{width:32px;height:32px;border-radius:50%;background:var(--dop-surface-2);color:var(--dop-ink-2);font-family:var(--dop-mono);font-weight:600;font-size:14px;display:grid;place-items:center}.dop-3pack-slot-icon{color:var(--dop-ink-4)}.dop-3pack-slot-label{font-family:var(--dop-sans);font-weight:600;font-size:15px;color:var(--dop-ink);margin:0}.dop-3pack-slot-hint{font-family:var(--dop-sans);font-size:13px;color:var(--dop-ink-3);margin:0}.dop-3pack-slot-filled{display:flex;flex-direction:column;height:100%;padding:var(--dop-s-4);gap:var(--dop-s-3)}.dop-3pack-slot-clear{position:absolute;top:0;right:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--dop-ink-2);font-size:20px;line-height:1;cursor:pointer;z-index:2;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dop-3pack-slot-clear:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;border:1px solid var(--dop-line);background:var(--dop-surface);transition:background var(--dop-d-1) var(--dop-ease-out),border-color var(--dop-d-1) var(--dop-ease-out);z-index:-1}@media(hover:hover){.dop-3pack-slot-clear:hover:before{background:var(--dop-ink);border-color:var(--dop-ink)}.dop-3pack-slot-clear:hover{color:var(--dop-surface)}}.dop-3pack-slot-clear:active:before{background:var(--dop-ink);border-color:var(--dop-ink)}.dop-3pack-slot-clear:active{color:var(--dop-surface)}.dop-3pack-slot-img-wrap{position:relative;background:var(--dop-ph);border-radius:var(--dop-r);width:100%;padding-bottom:100%;overflow:hidden;flex-shrink:0}.dop-3pack-slot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover;display:block}.dop-3pack-slot-info{display:flex;flex-direction:column;gap:var(--dop-s-2)}.dop-3pack-slot-title{font-family:var(--dop-sans);font-weight:600;font-size:14px;color:var(--dop-ink);margin:0;line-height:1.3}.dop-3pack-slot-pickers{display:flex;flex-direction:column;gap:var(--dop-s-2)}.dop-3pack-picker{display:flex;align-items:center;gap:var(--dop-s-2);font-family:var(--dop-sans);font-size:13px}.dop-3pack-picker-label{color:var(--dop-ink-3);font-weight:500;flex-shrink:0}.dop-3pack-picker-select{flex:1;font-family:var(--dop-sans);font-size:14px;min-height:44px;padding:10px 32px 10px 12px;border:1px solid var(--dop-line);border-radius:var(--dop-r-1);background:var(--dop-surface);color:var(--dop-ink);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1.5l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.dop-3pack-picker-select:focus{outline:none;border-color:var(--dop-ink)}.dop-3pack-picker-select:focus-visible{outline:2px solid var(--dop-accent);outline-offset:2px}.dop-3pack-browse-head{font-family:var(--dop-sans);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dop-ink-2);margin:0 0 var(--dop-s-4)}.dop-3pack-browse-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--dop-s-4)}.dop-3pack-browse-card{background:var(--dop-surface);border:1px solid var(--dop-line);border-radius:var(--dop-r);padding:0;overflow:hidden;cursor:pointer;text-align:left;display:flex;flex-direction:column;font-family:var(--dop-sans);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--dop-d-2) var(--dop-ease-out),transform var(--dop-d-2) var(--dop-ease-out),box-shadow var(--dop-d-2) var(--dop-ease-out)}@media(hover:hover){.dop-3pack-browse-card:hover:not(:disabled){border-color:var(--dop-ink);transform:translateY(-2px);box-shadow:var(--dop-sh-2)}}.dop-3pack-browse-card:not(:disabled):active{transform:scale(.97);border-color:var(--dop-ink)}.dop-3pack-browse-card:focus-visible{outline:2px solid var(--dop-accent);outline-offset:2px}.dop-3pack-browse-card.is-soldout,.dop-3pack-browse-card:disabled{opacity:.5;cursor:not-allowed}.dop-3pack-browse-img-wrap{position:relative;width:100%;padding-bottom:100%;background:var(--dop-ph);overflow:hidden;flex-shrink:0}.dop-3pack-browse-img,.dop-3pack-browse-img-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:cover;display:block}.dop-3pack-browse-badge{position:absolute;top:8px;left:8px;background:var(--dop-ink);color:var(--dop-surface);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:var(--dop-r-pill)}.dop-3pack-browse-info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--dop-s-2);padding:var(--dop-s-3)}.dop-3pack-browse-title{font-size:14px;font-weight:600;color:var(--dop-ink);line-height:1.3}.dop-3pack-browse-price{font-size:13px;color:var(--dop-ink-2);font-variant-numeric:tabular-nums;flex-shrink:0}.dop-3pack-empty{text-align:center;padding:var(--dop-s-7) var(--dop-s-4);color:var(--dop-ink-3);font-family:var(--dop-sans)}.dop-3pack-empty-cta{display:inline-block;margin-top:var(--dop-s-3);font-family:var(--dop-sans);font-weight:600;color:var(--dop-ink);text-decoration:none;border-bottom:1px solid var(--dop-ink);padding-bottom:2px;transition:color var(--dop-d-1) var(--dop-ease-out),border-color var(--dop-d-1) var(--dop-ease-out)}.dop-3pack-empty-cta:hover{color:var(--dop-low);border-color:var(--dop-accent)}.dop-3pack-summary{position:fixed;bottom:0;left:0;right:0;background:var(--dop-surface);border-top:1px solid var(--dop-line);box-shadow:var(--dop-sh-3);z-index:50;padding:var(--dop-s-3) 0 calc(var(--dop-s-3) + env(safe-area-inset-bottom))}.dop-3pack-summary-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--dop-s-4)}.dop-3pack-summary-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dop-3pack-summary-state{font-family:var(--dop-sans);font-weight:600;font-size:15px;color:var(--dop-ink)}.dop-3pack-summary-meta{font-family:var(--dop-sans);font-size:13px;color:var(--dop-ink-3);font-variant-numeric:tabular-nums}.dop-3pack-atc{font-family:var(--dop-sans);font-weight:600;font-size:15px;color:var(--dop-surface);background:var(--dop-ink);border:none;min-height:48px;padding:14px 28px;border-radius:var(--dop-r-pill);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--dop-d-2) var(--dop-ease-out),opacity var(--dop-d-2) var(--dop-ease-out),transform var(--dop-d-1) var(--dop-ease-out);white-space:nowrap;flex-shrink:0}@media(hover:hover){.dop-3pack-atc:hover:not(:disabled){background:var(--dop-accent)}}.dop-3pack-atc:not(:disabled):active{transform:scale(.97);background:var(--dop-accent)}.dop-3pack-atc:disabled,.dop-3pack-atc[aria-disabled=true]{background:var(--dop-ink-4);cursor:not-allowed}.dop-3pack-atc[aria-busy=true]{opacity:.7;cursor:wait}@media(max-width:768px){.dop-3pack{padding-bottom:calc(var(--dop-s-7) + 96px)}.dop-3pack-head{padding-top:var(--dop-s-5)}.dop-3pack-slots{grid-template-columns:1fr;gap:var(--dop-s-3)}.dop-3pack-slot{min-height:auto}.dop-3pack-slot.is-filled .dop-3pack-slot-filled{flex-direction:row;align-items:flex-start}.dop-3pack-slot.is-filled .dop-3pack-slot-img-wrap{width:100px;height:100px;padding-bottom:0;flex-shrink:0}.dop-3pack-slot.is-filled .dop-3pack-slot-info{flex:1;min-width:0;padding-right:40px}.dop-3pack-slot.is-filled .dop-3pack-slot-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dop-3pack-slot-empty{flex-direction:row;justify-content:flex-start;text-align:left;padding:var(--dop-s-3);min-height:96px}.dop-3pack-slot-icon{display:none}.dop-3pack-browse-rail{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--dop-s-3)}.dop-3pack-summary-state{font-size:14px}.dop-3pack-summary-meta{font-size:12px}.dop-3pack-atc{padding:12px 20px;font-size:14px}.dop-3pack-picker-select{font-size:16px}}@media(prefers-reduced-motion:reduce){.dop-3pack-slot,.dop-3pack-browse-card,.dop-3pack-atc,.dop-3pack-slot-clear{transition:none}.dop-3pack-browse-card:hover:not(:disabled){transform:none}.dop-3pack-slots.is-flash{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-3pack.css.map */