:root{--font-display: "Bricolage Grotesque", "Inter", ui-sans-serif, system-ui, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--color-ink: #1c1a18;--color-mute: #6f6a63;--color-line: #e6e1d9;--color-cream: #f6f3ee;--color-shell: #f2eee8;--color-lilac: #e9e3f4;--color-teal: #2aaebd;--color-violet: #8d6bcb;--color-coral: #ef6f59;--color-sun: #f4b63e;--color-leaf: #79bd68;--color-pink: #ec86b3;--color-error: #b3321e}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-ink);background:#fff}::selection{background:var(--color-lilac)}.wrap{width:100%;max-width:1480px;margin-inline:auto;padding-inline:clamp(16px,2.2vw,32px)}.display{font-family:var(--font-display);font-weight:500;letter-spacing:-.03em;line-height:1.04}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding:0 22px;font-size:14px;font-weight:500;border-radius:3px;transition:background .2s,color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-dark{background:var(--color-ink);color:#fff}.btn-dark:hover{background:#000}.btn-light{background:#fff;color:var(--color-ink)}.btn-light:hover{background:var(--color-cream)}.btn-line{border:1px solid var(--color-ink);color:var(--color-ink)}.btn-line:hover{background:var(--color-ink);color:#fff}.link-u{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.dots{display:inline-flex;gap:5px;align-items:center}.dots i{width:7px;height:7px;border-radius:99px;display:block}.dots i:nth-child(1){background:var(--color-teal)}.dots i:nth-child(2){background:var(--color-violet)}.dots i:nth-child(3){background:var(--color-coral)}.dots i:nth-child(4){background:var(--color-sun)}.dots i:nth-child(5){background:var(--color-leaf)}.stitch-line{background-image:linear-gradient(90deg,currentColor 55%,transparent 0);background-size:10px 1.5px;background-repeat:repeat-x;height:1.5px}.stage{position:relative;aspect-ratio:1;overflow:hidden;user-select:none;-webkit-user-select:none}.stage>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage-base{object-fit:contain;filter:drop-shadow(0 10px 16px rgba(70,58,44,.22))}[data-viewer]{background-color:#ebe6de}.stage-tint{background:var(--g, #fff);mix-blend-mode:multiply;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;transition:background-color .45s ease}.aod-stage-no-tint>.stage-tint{display:none}.stage-art{overflow:visible}.zone-guide{fill:none;stroke:#1c1a1873;stroke-width:2;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.art-main{transition:opacity .2s}.is-dragging .art-main{cursor:grabbing}.sw{width:30px;height:30px;border-radius:99px;box-shadow:inset 0 0 0 1px #00000024;position:relative;transition:transform .15s}.sw:hover{transform:scale(1.08)}.sw[aria-pressed=true]:after,.sw[aria-checked=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:99px;border:1.5px solid var(--color-ink)}.pill{min-width:52px;height:40px;padding:0 14px;border:1px solid var(--color-line);border-radius:3px;font-size:13px;transition:border-color .15s,background .15s}.pill:hover{border-color:var(--color-ink)}.pill[aria-pressed=true],.pill[aria-checked=true],.pill[aria-current=true],.pill[aria-current=page]{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.aod-designer-layout>*,.aod-designer-panel,.aod-step{min-width:0}.aod-designer{margin-top:24px;border-top:1px solid var(--color-line)}.aod-step-nav{padding-top:16px}.aod-step-nav ol{display:flex;gap:4px;list-style:none;margin:0;padding:0}.aod-step-nav li{flex:1;min-width:0}.aod-step-tab{display:flex;width:100%;min-height:64px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-bottom:2px solid var(--color-line);border-radius:3px 3px 0 0;font-size:11px;line-height:1.3}.aod-step-tab svg{width:20px;height:20px;flex-shrink:0}.aod-step-tab:hover{background:var(--color-cream)}.aod-step-tab[aria-current=step]{background:var(--color-cream);border-bottom-color:var(--color-ink);font-weight:600}.aod-step-progress{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-block:16px;color:var(--color-mute);font-size:11px}.aod-step-progress [data-step-count]{color:var(--color-ink);font-weight:600;font-size:12px}.aod-step{padding:8px 0 24px}.aod-step-heading{margin:0;font-size:21px;font-weight:500;line-height:1.3;scroll-margin-block:120px 100px}.aod-step-hint{margin:8px 0 24px;font-size:13px;line-height:1.6;color:var(--color-mute)}.aod-step>fieldset+fieldset,.aod-step>div+div,.aod-step>div+fieldset,.aod-step>fieldset+div{margin-top:24px}.aod-step-error{margin:0 0 16px;padding:12px;border-left:3px solid var(--color-error);background:var(--color-cream);color:var(--color-error);font-size:13px;line-height:1.5}.aod-step [aria-invalid=true]{border-color:var(--color-error)}.aod-step [data-modes]{width:fit-content;margin-bottom:24px}.aod-step [data-size]{min-width:0;width:100%}.aod-step [data-fonts]{grid-template-columns:repeat(2,minmax(0,1fr))}.aod-quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.aod-step-actions{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--color-line);background:#fff}.aod-step-actions [data-back]{flex-shrink:0;padding-inline:18px}.aod-step-actions [data-next],.aod-step-actions [data-add]{flex:1;height:auto;min-height:48px;white-space:normal;line-height:1.4;padding:12px 16px}.aod-step-actions+div{margin-top:16px}.aod-review-summary>div{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr);gap:12px;padding-block:10px;border-bottom:1px solid var(--color-line);font-size:13px;line-height:1.5}.aod-review-summary dt{color:var(--color-mute)}.aod-review-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.aod-product [data-breakdown] dd{text-align:right;flex-shrink:0}.aod-preview-colors{padding:16px 4px}.aod-preview-colors p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:12px}.aod-preview-colors [data-quick-color-name]{color:var(--color-mute)}.aod-quick-swatches{display:flex;flex-wrap:wrap;gap:14px}.aod-product [data-quick-colors] button[data-unknown-color]{width:auto;min-width:30px;padding:0 10px;border-radius:3px}@media(max-width:1023px){.aod-designer{padding-bottom:12px}.aod-step-actions{position:sticky;bottom:0;z-index:30;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 20px -18px #1c1a1866}.aod-product [data-mini]{bottom:calc(112px + env(safe-area-inset-bottom,0px));width:76px;z-index:25}.aod-product [data-mini]{transition:opacity .15s}.aod-product:has(textarea:focus,input:focus) [data-mini]{opacity:0;pointer-events:none}}@media(max-width:480px){.aod-product [data-tools]{top:50px}.aod-step-progress>span:last-child{display:none}.aod-step-tab{font-size:10px}}.field{width:100%;border:1px solid var(--color-line);border-radius:3px;padding:11px 14px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff}.field:focus{border-color:var(--color-ink);box-shadow:0 0 0 3px #1c1a180f}.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-wrap:hover .marquee{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.marquee{animation:none}}.kb{animation:kb 16s ease-out both}@keyframes kb{0%{transform:scale(1.08)}to{transform:scale(1)}}.rail{display:grid;grid-auto-flow:column;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail{contain:paint}.rail>*{scroll-snap-align:start}.drawer{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.scrim{transition:opacity .3s}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}details[open] .acc-plus{transform:rotate(45deg)}.acc-plus{transition:transform .2s}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.promo-msg{position:absolute;top:0;right:0;bottom:0;left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transform:translateY(calc(var(--dir, 1) * 100%));transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.promo-msg[data-off]{transform:translateY(calc(var(--dir, 1) * -100%))}.promo-msg[data-on]{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease .3s,transform .35s ease .3s,visibility 0s linear .3s}.shopify-section-group-header-group:has([data-header]){position:sticky;top:0;z-index:40}[data-panel][aria-hidden=true]{visibility:hidden;transition:visibility 0s linear .45s}[data-panel][aria-hidden=false]{visibility:visible}[data-cart-lines][aria-busy=true]{opacity:.6;pointer-events:none}[data-cart-lines] .stage{width:100%}.no-js .aod-product [data-form]{display:none}button,a,input,textarea,select,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-violet);outline-offset:3px}.btn:disabled{opacity:.55;cursor:wait}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kb{animation:none}.drawer,.scrim,.promo-msg,.stage-tint{transition:none}}@media(pointer:coarse){[data-header] button,[data-header] a.p-2,[data-menu-close],[data-search-close],[data-cart-close]{min-width:44px;min-height:44px;text-align:center}.pill{height:44px}.sw:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:99px}[data-page-lines] button:not(.link-u),[data-cart-lines] button:not(.link-u),[data-promo-prev],[data-promo-next],[data-qty-dec],[data-qty-inc],[data-zoom],[data-guide],[data-modes] button{position:relative}[data-page-lines] button:not(.link-u):after,[data-cart-lines] button:not(.link-u):after,[data-promo-prev]:after,[data-promo-next]:after,[data-qty-dec]:after,[data-qty-inc]:after,[data-zoom]:after,[data-guide]:after,[data-modes] button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}button.link-u,[data-page-lines] a.link-u,[data-cart-lines] a.link-u{padding-block:12px}footer ul a{display:inline-block;padding-block:8px}}@media(prefers-reduced-motion:reduce){.animate-ping{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/aod-base.css.map */