.mug-page{--mug-ink:#23332d;--mug-green:#214438;--mug-muted:#625e54;--mug-line:#d8d1c4;--mug-paper:#faf7f1;--mug-serif:Georgia,"Times New Roman",serif;max-width:1360px;margin:0 auto;padding:38px 40px 56px;color:var(--mug-ink);font-family:var(--ui-sans,sans-serif)}.mug-layout{display:grid;grid-template-areas:"gallery heading" "gallery editor";grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);grid-template-rows:auto 1fr;column-gap:clamp(32px,5vw,78px);align-items:start}.mug-heading{grid-area:heading;min-width:0;container-type:inline-size}.mug-heading h1{font:400 clamp(.9375rem,5.25cqi,2rem)/1.12 var(--mug-serif);text-wrap:balance;letter-spacing:-.045em;margin:0}.mug-price{font:400 28px/1.2 var(--mug-serif);margin-top:14px}.mug-benefits{display:grid;gap:4px;list-style:none;padding:0;margin:10px 0 0;font-size:14px;line-height:1.35}.mug-benefits li{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start;column-gap:7px}.mug-benefits li:before{content:"";width:9px;height:5px;margin-top:.4em;border:solid var(--mug-green);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}.mug-gallery{grid-area:gallery;position:sticky;top:var(--pdp-sticky-top,120px);min-width:0;background:#efe5d6}.mug-stage{--mug-view-room:28px;position:relative;isolation:isolate;height:calc(clamp(280px,calc(100dvh - 190px),560px) + var(--mug-view-room));background:radial-gradient(ellipse at 34% 23%,#fbf3e5 4%,#e7d8c4 65%,#cdbba5)}.mug-stage:before{content:"";position:absolute;z-index:-1;left:21%;right:19%;bottom:calc(15% + var(--mug-view-room));height:9%;background:radial-gradient(ellipse at center,#62422e57,transparent 70%);filter:blur(9px);pointer-events:none}.mug-stage canvas[data-mug-canvas]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - var(--mug-view-room));touch-action:pan-y;cursor:grab}.mug-stage canvas[data-mug-canvas]:active{cursor:grabbing}.mug-page [hidden]{display:none!important}.mug-flat{position:absolute;inset:0 0 var(--mug-view-room);display:grid;place-items:center;padding:24px}.mug-flat canvas,.mug-review canvas{display:block;width:100%;height:auto;min-width:0;background:#fff;border:1px solid var(--mug-line)}.mug-views{position:absolute;inset:auto 12px 12px;z-index:1;display:flex;justify-content:center;gap:6px;pointer-events:none}.mug-views button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 12px;border:1px solid var(--mug-line);border-radius:4px;background:var(--mug-paper);color:var(--mug-ink);font:650 13px/1.2 var(--ui-sans,sans-serif);pointer-events:auto}.mug-views button[aria-pressed=false]:hover{border-color:var(--mug-green)}.mug-views button[aria-pressed=true]{border-color:var(--mug-green);background:var(--mug-green);color:#fff}.mug-views svg{width:18px;height:18px;flex:none}.mug-info{grid-area:editor;min-width:0;border-top:1px solid var(--mug-line);margin-top:22px;padding-top:16px}.mug-review h2{font:400 23px/1.2 var(--mug-serif)}.mug-controls,.mug-option{border:0;margin:0;padding:0;min-width:0}.mug-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 14px}.mug-actions>*{min-width:0;max-width:100%;text-align:center}.mug-upload,.mug-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 18px;background:var(--mug-green);color:#fff;font:650 14px/1.3 var(--ui-sans,sans-serif);cursor:pointer}.mug-upload:hover,.mug-primary:hover{background:#17392e}.mug-upload svg{width:17px;height:17px;flex:none}.mug-upload input,.mug-choice input{position:absolute;width:1px;height:1px;opacity:0}.mug-page :focus-visible,.mug-upload:focus-within,.mug-choice:has(input:focus-visible){outline:2px solid #914d38;outline-offset:3px}.mug-text-toggle{min-height:48px;background:transparent;color:var(--mug-green);text-decoration:underline;text-underline-offset:4px;font-size:13px}.mug-status{font-size:12px;line-height:1.6;color:var(--mug-muted);overflow-wrap:anywhere}.mug-status:not(:empty){margin-top:7px}.mug-status[data-error=true]{color:#a03b22}.mug-photo-options,.mug-text-options,.mug-option{margin-top:14px}.mug-option legend,.mug-field span{padding:0;font-size:13px;font-weight:650}.mug-photo-options{container-type:inline-size}.mug-layout-choices{display:grid;gap:7px;margin-top:7px}.mug-layout-choices label{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px;border:1px solid var(--mug-line);font-size:13px;cursor:pointer}.mug-layout-choices label:has(input:checked){border-color:var(--mug-green);background:#e9ebe1}.mug-layout-choices :is(input,svg){flex:none}.mug-layout-choices span{min-width:0;overflow-wrap:anywhere}@container (min-width:480px){.mug-layout-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.mug-controls input[type=radio],.mug-crop input{accent-color:var(--mug-green)}.mug-crop{margin-top:9px;border-top:1px solid var(--mug-line)}.mug-crop summary,.mug-details summary{cursor:pointer;font-weight:600;padding:10px 0}.mug-crop label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;align-items:center;font-size:13px;min-height:36px}.mug-crop input{width:100%}.mug-field{display:grid;gap:6px}.mug-field input[type=text]{width:100%;min-height:44px;border:1px solid var(--mug-line);padding:8px 10px;background:#fffdf8;color:var(--mug-ink);font-size:15px}.mug-choices{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mug-choice{position:relative;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;border:1px solid transparent}.mug-choice:has(input:checked){border-color:var(--mug-green);background:#e9ebe1}.mug-swatch{display:grid;place-items:center;width:24px;height:24px;background:#d8d1c4;clip-path:circle()}.mug-swatch:before{content:"";width:22px;height:22px;background:var(--swatch);clip-path:circle()}.mug-font{width:48px;height:44px;border-color:var(--mug-line);font:500 21px/1 var(--mug-serif)}.mug-font--sans{font-family:Arial,sans-serif}.mug-font--script{font-family:Great Vibes,Apple Chancery,cursive;font-size:26px}.mug-quantity-section{container-type:inline-size;min-width:0;margin:18px 0 0;padding:15px 0 0;border:0;border-top:1px solid var(--mug-line)}.mug-quantity-row{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:". title" "counter tiers";align-items:start;gap:8px clamp(10px,2vw,18px)}.mug-counter{grid-area:counter;display:flex;min-height:44px;border:1px solid var(--mug-line);background:#fffdf8}.mug-counter button,.mug-quantity{width:40px;border:0;background:transparent;text-align:center;color:var(--mug-ink)}.mug-counter button{font-size:18px}.mug-quantity{-webkit-appearance:textfield;appearance:textfield;font-size:15px}.mug-quantity::-webkit-inner-spin-button,.mug-quantity::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mug-review-total>div{text-align:end}.mug-review-total span,.mug-review-total small{display:block;color:var(--mug-muted);font-size:12px}.mug-review-total strong{display:block;font:400 24px/1.2 var(--mug-serif)}.mug-tiers-title{grid-area:title;margin:0;font-weight:650;font-size:13px}.mug-tiers{grid-area:tiers;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}@container (min-width:450px){.mug-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}.mug-tiers button{min-height:44px;padding:5px 2px;border:1px solid var(--mug-line);background:transparent;font-size:12px;line-height:1.35}.mug-tiers button span,.mug-tiers button strong{display:block}.mug-tiers button strong{color:#914d38;font-size:13px}.mug-tiers button[aria-pressed=true]{background:#e9ebe1;border-color:var(--mug-green)}.mug-primary{width:100%;margin-top:12px}.mug-primary[data-review]{flex-wrap:wrap;gap:2px 6px;text-align:center}.mug-cta-total{white-space:nowrap;font-variant-numeric:tabular-nums}.mug-primary:disabled{opacity:.48;cursor:not-allowed}.mug-reassurance{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:8px;text-align:center}.mug-reassurance [data-pdp-note-slot]:empty{display:none}.mug-reassurance .pdp-note{margin:0;padding:0;letter-spacing:.05em}.mug-reassurance .pdp-note__e{font-size:12px}.mug-reassurance .pdp-note__val{font-size:11.5px;margin-left:6px;top:-1px}.mug-order-info{color:var(--ink)}.mug-chat{display:none}.mug-order-info .pdp-assur :is(li,li>div){min-width:0;overflow-wrap:anywhere}.mug-details{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,8vw,100px);border-top:1px solid var(--mug-line);margin-top:48px;padding-top:32px}.mug-details h2{font:400 clamp(31px,4vw,47px)/1.1 var(--mug-serif);letter-spacing:-.035em}.mug-details details{border-top:1px solid var(--mug-line)}.mug-details p{max-width:55ch;margin:8px 0 14px;color:var(--mug-muted);line-height:1.65}.mug-review{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid var(--mug-line);background:var(--mug-paper);color:var(--mug-ink);overflow:auto}.mug-review::backdrop{background:#1b221ebd}.mug-review-head,.mug-review-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mug-review-head button{min-height:44px;background:transparent;color:var(--mug-green);text-decoration:underline}.mug-review-total{margin:15px 0 0}@media(max-width:900px){body:has([data-mug-chat]:not([hidden])) .woot-widget-bubble:not(.woot--close){display:none!important}.mug-chat{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 auto;padding:6px 12px;background:transparent;color:var(--mug-green);text-decoration:underline;text-underline-offset:3px}.mug-page{padding:24px 18px 40px}.mug-layout{grid-template-areas:"heading" "gallery" "editor";grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:15px}.mug-gallery{position:static}.mug-stage{height:calc(clamp(208px,56vw,350px) + var(--mug-view-room))}.mug-heading h1{font-size:clamp(.9375rem,5.25cqi,2rem)!important}.mug-price{margin-top:10px;font-size:25px}.mug-benefits{margin-top:8px}.mug-palette{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;margin-inline:-5px;padding:5px;scroll-padding-inline:5px}.mug-palette .mug-choice{flex:none;width:44px;height:44px}.mug-info{margin-top:0;padding-top:12px}.mug-details{grid-template-columns:1fr;margin-top:32px;padding-top:24px;gap:14px}}@media(max-width:767px){.mug-heading h1{font-size:clamp(1.375rem,7.5cqi,2rem)!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/mug-editor.css.map */