.joga-pad-open{margin-top:1rem}.jpd-deal{display:flex;flex-direction:column;margin:1rem 0 0;padding:0;border:0;min-inline-size:0;color:#000000bf;font-size:15px;line-height:1.4}.jpd-deal[hidden]{display:none}.jpd-deal-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.jpd-deal-bar{position:relative;display:flex;flex-direction:column;justify-content:center;margin:5px 0;border-radius:8px;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1px #1c1c1c4d;transition:background-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.jpd-deal-bar:has(.jpd-deal-input:checked){background:#f2f2f2;box-shadow:inset 0 0 0 2px #1c1c1c}.jpd-deal-bar:has(.jpd-deal-input:focus-visible){outline:2px solid #1c1c1c;outline-offset:3px}.jpd-deal-input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.jpd-deal-main{display:flex;align-items:center;gap:18px;min-height:55px;margin:10px 20px}.jpd-deal-bar:has(.jpd-deal-tab) .jpd-deal-main{margin:17px 20px}.jpd-deal-radio{flex:none;width:20px;height:20px;border:3px solid #fff;border-radius:50%;box-sizing:border-box;background:#fff;box-shadow:0 0 0 2px #1c1c1c4d;transition:background-color .15s ease,box-shadow .15s ease}.jpd-deal-bar:has(.jpd-deal-input:checked) .jpd-deal-radio{background:#1c1c1c;box-shadow:0 0 0 2px #1c1c1c}.jpd-deal-content{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:8px}.jpd-deal-first{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}.jpd-deal-title,.jpd-deal-price{font-size:14px;line-height:1.4;font-weight:700;color:#000}.jpd-deal-save{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px 8px 0 0;background:#e95050;color:#fff;font-size:12px;line-height:1.4;font-weight:700;text-transform:uppercase}.jpd-deal-pricing{display:flex;flex:none;align-items:center;gap:5px}.jpd-deal-was{font-size:14px;line-height:1.4;color:#555}.jpd-deal-tab{position:absolute;top:-8px;right:16px;padding:6px 8px;border-radius:0 0 5px 5px;background:#121212;color:#fff;font-size:12px;line-height:1;font-weight:700;text-transform:uppercase}.jpd-deal-tab:before,.jpd-deal-tab:after{content:"";position:absolute;top:0;width:0;height:0;border-bottom:8px solid #121212}.jpd-deal-tab:before{right:100%;border-left:8px solid transparent}.jpd-deal-tab:after{left:100%;border-right:8px solid transparent}.jpd-deal-perk{display:flex;align-items:center;gap:10px;min-height:31px;margin:0 2px 1px;padding:7px 19px 6px 17px;background:#000;color:#fff}.jpd-deal-perk:last-child{margin-bottom:2px;border-radius:0 0 6px 6px}.jpd-deal-perk-text{font-size:13px;line-height:1.4;font-weight:700}.jpd-deal-perk-was{margin-left:auto;font-size:12px;line-height:1.4}@media(prefers-reduced-motion:reduce){.jpd-deal-bar,.jpd-deal-radio{transition:none}}body.jpd-open [id^=alia-],body.jpd-open [class*=klaviyo-form],body.jpd-open #shopify-chat,body.jpd-open iframe[title*=chat i]{display:none!important}.joga-pad-dialog{--joga-pad-ease: cubic-bezier(.23, 1, .32, 1);--jpd-sheet-ease: cubic-bezier(.32, .72, 0, 1);--joga-pad-stage: #f3f3f1;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#fff;color:#111;overflow:hidden;box-sizing:border-box;opacity:0;transform:scale(.96);transition:opacity .15s var(--joga-pad-ease),transform .15s var(--joga-pad-ease),overlay .15s allow-discrete,display .15s allow-discrete}.joga-pad-dialog[open]{opacity:1;transform:scale(1);transition-duration:.2s}@starting-style{.joga-pad-dialog[open]{opacity:0;transform:scale(.96)}}.joga-pad-dialog::backdrop{background:#0000;transition:background-color .15s var(--joga-pad-ease),overlay .15s allow-discrete,display .15s allow-discrete}.joga-pad-dialog[open]::backdrop{background:#00000080}@starting-style{.joga-pad-dialog[open]::backdrop{background:#0000}}.joga-pad-dialog *{box-sizing:border-box}.joga-pad-dialog{font-family:var(--font-body-family)}.joga-pad-dialog :is(button,input,select){font-family:inherit}.joga-pad-dialog [hidden]{display:none!important}.joga-pad-close{position:absolute;top:4px;left:4px;z-index:6;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#111;font-size:2.8rem;line-height:1;cursor:pointer}.joga-pad-body{height:100%;overflow:hidden}.joga-pad-loading{padding:2rem 2rem 2rem 5.6rem}.joga-pad-shell{position:relative;display:flex;flex-direction:column;height:100%}.joga-pad-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--joga-pad-stage)}.jpd-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;padding:4px 8px 4px 52px}.jpd-head .joga-pad-tabs{grid-column:2}.jpd-history{grid-column:3;justify-self:end;display:flex;align-items:center;gap:2px}.jpd-reset{display:none}.joga-pad-tabs{display:inline-flex;padding:3px;gap:3px;background:#e4e4e1;border-radius:999px}.joga-pad-tab{min-width:76px;min-height:36px;padding:0 1.4rem;border:0;border-radius:999px;background:transparent;color:#444;font:inherit;font-size:1.4rem;cursor:pointer}.joga-pad-tab[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 1px 3px #0000001f}.jpd-icon-btn{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#111;display:grid;place-items:center;cursor:pointer}.jpd-icon-btn:disabled{opacity:.3;cursor:default}.jpd-icon{display:inline-grid;place-items:center;line-height:0}.joga-pad-stages{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;gap:32px;touch-action:none}.joga-pad-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.joga-pad-figure{transform-origin:50% 0;transition:transform .24s var(--jpd-sheet-ease)}.joga-pad-figure:not(.is-active){display:none}.jpd-side{display:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#555}.joga-pad-frame{position:relative}.joga-pad-canvas{touch-action:none;filter:drop-shadow(0 4px 16px rgba(0,0,0,.12))}.jpd-chip{padding:3px 10px;border-radius:999px;background:#fff;border:1px solid #e0e0dc;font-size:12px;color:#555;line-height:1.4}.joga-pad-plus{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:0;border-radius:50%;background:var(--joga-pad-accent, #111);color:#fff;font-size:3rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0000002e}.jpd-toast{position:absolute;left:50%;bottom:12px;z-index:5;width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-radius:12px;background:#111;color:#fff;font-size:1.3rem;box-shadow:0 8px 24px #0003;transform:translate(-50%);animation:jpd-toast-in .2s ease-out}@keyframes jpd-toast-in{0%{opacity:0;transform:translate(-50%,16px)}}.jpd-toast-btn{min-height:36px;padding:0 12px;border:0;border-radius:8px;background:#fff;color:#111;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.jpd-toast-btn--quiet{background:transparent;color:#fff;font-weight:400}.jpd-toast.is-top{bottom:auto}.jpd-lines{position:absolute;top:0;left:0;right:0;height:0;z-index:5;color:#333;font-size:1.3rem}.jpd-lines-sum{position:absolute;top:4px;left:52px;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;list-style:none;color:#111;font-size:1.3rem;cursor:pointer}.jpd-lines-sum::-webkit-details-marker{display:none}.jpd-lines-sum:after{content:"";width:6px;height:6px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .16s var(--joga-pad-ease)}.jpd-lines[open]>.jpd-lines-sum:after{margin-top:3px;transform:rotate(-135deg)}.jpd-lines-long{display:none}.jpd-lines-body{position:absolute;top:56px;left:16px;right:16px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #00000029;transform-origin:50% 0;animation:jpd-pop .2s var(--joga-pad-ease)}.jpd-lines-items{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none}.jpd-lines-item{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.jpd-lines-item strong{color:#111;font-weight:600}.jpd-lines-swatch{flex:none;height:1.4em;color:#111}.jpd-lines-body .jpd-note{margin:0;line-height:1.4}.joga-pad-panel{position:absolute;left:0;right:0;bottom:var(--jpd-bottom, 132px);z-index:3;max-height:45vh;overflow-y:auto;overflow-x:hidden;padding:0 16px 16px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0000001f;transform:translateY(100%);visibility:hidden;transition:transform .24s var(--jpd-sheet-ease),visibility .24s}.joga-pad-panel:is([data-open=photo],[data-open=text],[data-open=copy]){transform:translateY(0);visibility:visible}.joga-pad-panel .joga-pad-section{display:none}.joga-pad-panel[data-open=photo] [data-sheet=photo],.joga-pad-panel[data-open=text] [data-sheet=text],.joga-pad-panel[data-open=copy] [data-sheet=copy]{display:flex}.joga-pad-intro{display:none}.joga-pad-title{margin:0;font-family:var(--font-heading-family);text-transform:uppercase;font-size:2rem;line-height:1.2}.joga-pad-sub{margin:.2rem 0 0;font-size:1.3rem;color:#666}.joga-pad-section{flex-direction:column;gap:12px}.jpd-sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -16px;padding:12px 16px 8px;background:#fff}.joga-pad-h{margin:0;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#555}.jpd-done{min-height:36px;padding:0 4px;border:0;background:none;color:#111;font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer}.joga-pad-field{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;font-size:1.4rem}.joga-pad-field--stack{align-items:flex-start;flex-direction:column;gap:.6rem}.joga-pad-field--stack>.jpd-seg{align-self:stretch}.joga-pad-label{flex:none;min-width:4.5rem;color:#333}.joga-pad-input{flex:1;min-width:0;min-height:44px;padding:0 1rem;font:inherit;font-size:1.6rem;border:1px solid #d6d6d3;border-radius:8px;background:#fff;color:#111}.jpd-range{flex:1;min-width:0;accent-color:var(--joga-pad-accent, #111)}.joga-pad-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jpd-stack{display:flex;flex-direction:column;gap:10px}.jpd-btn{min-height:40px;padding:0 14px;border:1px solid #d6d6d3;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:1.4rem;cursor:pointer}.jpd-btn:disabled{color:#aaa;cursor:default}.jpd-seg{display:flex;padding:3px;gap:3px;background:#ececea;border-radius:10px}.jpd-seg-btn{flex:1;min-height:38px;border:0;border-radius:8px;background:transparent;color:#444;font:inherit;font-size:1.4rem;cursor:pointer}.jpd-seg-btn[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 1px 3px #0000001f}.jpd-drop{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:20px 12px;border:1.5px dashed #c9c9c5;border-radius:12px;background:#fafaf8;color:#111;font:inherit;cursor:pointer}.jpd-drop strong{font-size:1.5rem}.jpd-drop.is-over{border-color:var(--joga-pad-accent, #111);background:#fff}.jpd-note{font-size:1.2rem;color:#666}.jpd-which,.jpd-photo-note{margin:0}.jpd-copy{width:100%}.joga-pad-link{align-self:flex-start;padding:.6rem 0;border:0;background:none;color:#111;font:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.joga-pad-swatches{display:flex;flex-wrap:wrap;gap:6px}.joga-pad-swatch{position:relative;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;display:grid;place-items:center}.joga-pad-swatch[aria-pressed=true],.joga-pad-swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.joga-pad-swatch--custom{background:conic-gradient(#f44,#fd4,#4d6,#4bf,#84f,#f4b,#f44);color:#111;font-size:1.8rem;line-height:1}.joga-pad-swatch--custom span{width:20px;height:20px;border-radius:50%;background:#ffffffd9;display:grid;place-items:center}.joga-pad-swatch--custom.is-dark span{background:#00000073;color:#fff}.joga-pad-dialog input.joga-pad-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:42px;height:24px;margin:0;border-radius:999px;background:#d0d0cd;cursor:pointer}.joga-pad-dialog input.joga-pad-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .16s var(--joga-pad-ease)}.joga-pad-dialog input.joga-pad-switch:checked{background:var(--joga-pad-accent, #111)}.joga-pad-dialog input.joga-pad-switch:checked:after{transform:translate(18px)}.joga-pad-warn:empty,.joga-pad-error:empty{display:none}.joga-pad-warn p{margin:0;color:#7a4d00;background:#fff5dc;padding:.6rem .8rem;font-size:1.3rem;border-radius:6px}.joga-pad-warn p+p{margin-top:.4rem}.joga-pad-error{color:#b00020;font-size:1.4rem}.jpd-bar{position:relative;z-index:4;flex:none;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #ececea}.jpd-bar-btn{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#444;font:inherit;font-size:1.2rem;cursor:pointer}.jpd-bar-btn[aria-expanded=true]{color:#111;font-weight:600}.joga-pad-footer{position:relative;z-index:4;flex:none;display:flex;flex-direction:column;gap:6px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ececea}.jpd-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:1.3rem}.jpd-price{font-weight:600;font-size:1.5rem}.jpd-check{color:#555;letter-spacing:.02em}.jpd-actions{display:flex;gap:8px}.jpd-offer{margin:0;font-size:1.3rem;font-weight:600;color:var(--joga-pad-accent, #111)}.jpd-actions .button{margin:0;min-width:0;padding-left:1.4rem;padding-right:1.4rem;white-space:nowrap}.joga-pad-add{flex:1}.jpd-preview-open{display:none}.joga-pad-dialog :is(.jpd-preview-open,.jpd-keep-editing,.jpd-go-cart).button{background:#fff;color:var(--joga-pad-accent, #111);box-shadow:inset 0 0 0 2px var(--joga-pad-accent, #111)}.joga-pad-dialog :is(.jpd-preview-open,.jpd-keep-editing,.jpd-go-cart).button:before,.joga-pad-dialog :is(.jpd-preview-open,.jpd-keep-editing,.jpd-go-cart).button:after{display:none}.joga-pad-spinner{display:none;width:1.6rem;height:1.6rem;margin-right:.8rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:joga-pad-spin .6s linear infinite}.joga-pad-add[aria-busy=true] .joga-pad-spinner{display:inline-block}@keyframes joga-pad-spin{to{transform:rotate(360deg)}}.jpd-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:12px;background:#00000073;animation:jpd-fade .2s var(--joga-pad-ease)}.jpd-preview-card{display:flex;flex-direction:column;gap:16px;max-width:100%;max-height:100%;overflow:auto;padding:20px;border-radius:16px;background:var(--joga-pad-stage);animation:jpd-pop .2s var(--joga-pad-ease)}.jpd-preview-pads{display:flex;justify-content:center;gap:16px}.jpd-preview-pads figure{margin:0;flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.jpd-preview-pads img{display:block;max-width:100%;height:auto;filter:drop-shadow(0 4px 16px rgba(0,0,0,.12))}.jpd-preview-pads figcaption{font-size:12px;font-weight:600;letter-spacing:.08em;color:#555}.jpd-preview-note{margin:0;text-align:center}.jpd-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.jpd-added-card{width:min(440px,100%)}.jpd-added-line{margin:-8px 0 0;font-size:1.4rem;line-height:1.5;color:#333}.jpd-preview-actions .button{flex:1 1 200px;margin:0}@keyframes jpd-fade{0%{opacity:0}}@keyframes jpd-pop{0%{opacity:0;transform:scale(.96)}}.joga-pad-dialog button,.joga-pad-swatch--custom{transition:transform .16s ease-out}.joga-pad-dialog button:not(:disabled):active,.joga-pad-swatch--custom:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.joga-pad-link:hover{text-decoration-thickness:2px}.joga-pad-swatch:hover{border-color:#0006}.joga-pad-tab:not([aria-pressed=true]):hover,.jpd-seg-btn:not([aria-pressed=true]):hover{color:#111}.jpd-btn:not(:disabled):hover,.jpd-drop:hover{border-color:#999}.jpd-icon-btn:not(:disabled):hover,.joga-pad-close:hover{background:#0000000f}}@media screen and (min-width:900px){.joga-pad-dialog{top:0;right:0;bottom:0;left:0;width:min(1280px,96vw);height:92vh;max-height:92vh;margin:auto;border-radius:12px}.joga-pad-close{left:auto;right:8px;top:8px}.joga-pad-loading{padding:2rem}.joga-pad-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage panel" "stage footer"}.joga-pad-stage{grid-area:stage}.jpd-head{position:absolute;top:12px;left:12px;z-index:2;display:flex;padding:0;min-height:0}.jpd-head .joga-pad-tabs{display:none}.jpd-reset{display:inline-flex;align-items:center;min-height:36px;margin-left:6px;padding:0 12px;border:1px solid #d6d6d3;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:1.3rem;cursor:pointer}.joga-pad-stages{padding:64px 32px 24px;touch-action:auto}.joga-pad-figure:not(.is-active){display:flex}.jpd-side{display:block}.joga-pad-frame{cursor:pointer}.joga-pad-panel{grid-area:panel;position:static;transform:none;visibility:visible;max-height:none;min-height:0;padding:0 20px 20px;border-radius:0;box-shadow:none;border-left:1px solid #ececea;transition:none}.joga-pad-panel .joga-pad-section{display:flex;padding-bottom:16px;border-bottom:1px solid #ececea}.joga-pad-panel .joga-pad-section:last-child{border-bottom:0}.jpd-sheet-head{position:static;margin:0;padding:16px 0 0}.jpd-done{display:none}.joga-pad-intro{display:block;position:sticky;top:0;z-index:2;margin:0 -20px;padding:18px 56px 12px 20px;background:#fff;border-bottom:1px solid #ececea}.jpd-bar{display:none}.joga-pad-footer{grid-area:footer;border-left:1px solid #ececea;padding:12px 20px 16px}.jpd-preview-open{display:inline-flex;flex:none}.jpd-toast{bottom:24px}.jpd-offer.is-intro{display:none}.jpd-lines{position:static;flex:none;height:auto;padding:0 32px 16px;text-align:center}.jpd-lines-sum{position:static;min-height:44px;padding:0;color:#555;font-weight:600}.jpd-lines-long{display:inline}.jpd-lines-short{display:none}.jpd-lines-body{position:static;padding:0;border-radius:0;background:none;box-shadow:none;animation:none}.jpd-lines-items{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:24px}}@media(prefers-reduced-motion:reduce){.joga-pad-dialog,.joga-pad-dialog[open]{transform:none}@starting-style{.joga-pad-dialog[open]{transform:none}}.joga-pad-panel{transform:none;transition:opacity .24s,visibility .24s;opacity:0}.joga-pad-panel:is([data-open=photo],[data-open=text],[data-open=copy]){opacity:1}.jpd-toast,.jpd-lines-body{animation-name:jpd-fade}.jpd-lines-sum:after{transition:none}.joga-pad-figure{transition:none}.jpd-preview-card{animation-name:jpd-fade}.joga-pad-dialog button,.joga-pad-swatch--custom,.joga-pad-dialog input.joga-pad-switch:after{transition:none}.joga-pad-dialog button:active,.joga-pad-swatch--custom:active{transform:none}}@media(prefers-reduced-motion:reduce)and (min-width:900px){.joga-pad-panel{opacity:1}}.jpd-error-cart{margin-left:.4em;color:inherit;font-weight:600;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/214/assets/joga-pad-designer.css.map */