.karlee-login,.karlee-order{padding-block:var(--pad-section-sm)}.karlee-login__panel{display:grid;gap:var(--space-5);max-width:26rem;margin-inline:auto}.karlee-login__form{display:grid;gap:var(--space-4)}.karlee-login__error:empty,.karlee-alert[hidden]{display:none}.karlee-order__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.karlee-order__account{display:flex;align-items:center;gap:var(--space-3)}.karlee-order__signout{margin:0}.karlee-order__who{margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--green-100);font:var(--type-label);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--green-900)}.karlee-main,.karlee-items,.karlee-slot,.karlee-card,.karlee-card__body{display:grid;gap:var(--space-6);min-width:0}.karlee-form[hidden],.karlee-confirm[hidden]{display:none}.karlee-order__bar,.karlee-form{width:100%;max-width:76rem;margin-inline:auto}.karlee-form{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-8)}.karlee-items{width:100%;max-width:none;margin-inline:auto}.karlee-confirm{margin-inline:auto}.karlee-slot,.karlee-form .karlee-customer,.karlee-sum,.karlee-confirm{padding:clamp(var(--space-4),3vw,var(--space-6));border:var(--border-width-hairline) solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm)}.karlee-slot{container-type:inline-size}.karlee-slot__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.karlee-slot__title{margin:0;font:var(--weight-medium) var(--text-lg) / 1.2 var(--font-sans);color:var(--text-heading)}.karlee-slot__card{padding-top:var(--space-6);border-top:var(--border-width-hairline) solid var(--border-hairline)}.karlee-card__title{margin:0;font:var(--weight-medium) var(--text-md) / 1.25 var(--font-sans);color:var(--text-heading)}.karlee-card__body>:has(+.karlee-group){padding-bottom:var(--space-6);border-bottom:var(--border-width-hairline) solid var(--border-hairline)}.karlee-form .karlee-customer{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);margin:0}.karlee-customer .karlee-field{max-width:none}@media(min-width:640px){.karlee-form .karlee-customer{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.karlee-customer__note{grid-column:1 / -1}}.karlee-group{display:grid;gap:var(--space-3);min-width:0;margin:0;padding:0;border:0}.karlee-field{max-width:28rem}.karlee-qty{max-width:7rem}.karlee-order,.karlee-group{--karlee-edge: #7a9692}.karlee-choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.karlee-choice-wrap{position:relative}.karlee-choice-wrap[hidden]{display:none}.karlee-choice-wrap>input{scroll-margin-bottom:10rem}.karlee-choice{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:var(--border-width-strong) solid var(--karlee-edge);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-heading);font:var(--type-button);cursor:pointer;transition:var(--transition-control)}.karlee-choice:hover{border-color:var(--taupe-500)}.karlee-choice-wrap input:checked+.karlee-choice{border-color:var(--border-strong);background:var(--cream-100)}.karlee-choice-wrap input:focus-visible+.karlee-choice{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.karlee-choices--swatch .karlee-choice{padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-pill);font:var(--type-body-sm)}.karlee-dot{flex:none;width:30px;height:30px;border:var(--border-width-hairline) solid var(--border-muted);border-radius:var(--radius-pill);background:var(--swatch, var(--cream-200));object-fit:cover}.karlee-choices--card .karlee-choice,.karlee-choices--tile .karlee-choice{flex-direction:column;justify-content:flex-start;width:7rem;padding:var(--space-2);text-align:center;font:var(--type-body-sm)}.karlee-choices--card .karlee-choice img,.karlee-choices--tile .karlee-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.karlee-choices--tile .karlee-choice-wrap{display:flex}.karlee-choices--tile .karlee-choice-wrap .karlee-choice{flex:1}.karlee-choice__num{display:block;font:var(--type-label);font-size:var(--text-2xs);color:var(--text-muted)}.karlee-choice__name{overflow-wrap:anywhere}.karlee-group .opt-group__value:not(:empty){margin-inline-start:var(--space-2)}.karlee-order__signout .btn,.karlee-slot__head .btn{min-height:44px}.karlee-choices--tile{max-height:28rem;overflow-y:auto;padding:var(--space-1)}.karlee-search-field{max-width:20rem}.karlee-status:empty{margin:0}.karlee-fixed,.karlee-card-total,.karlee-summary{margin:0;font:var(--type-body);color:var(--text-heading)}.karlee-summary:empty,.karlee-card-total:empty{display:none}.karlee-fixed__label{color:var(--text-muted)}.karlee-ideas{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--cream-100)}.karlee-ideas__title{margin:0 0 var(--space-1);font:var(--type-label);color:var(--text-heading)}.karlee-ideas__list{margin:0;padding-left:var(--space-5);font:var(--type-body-sm);color:var(--text-body)}.karlee-tip{margin:0;font:var(--type-body-sm);font-weight:var(--weight-semibold);color:var(--text-heading)}.karlee-check{display:flex;align-items:center;gap:var(--space-3)}.karlee-check__box{flex:none;width:1.5rem;height:1.5rem;margin:0;accent-color:var(--text-heading)}.karlee-check label{font:var(--type-body);color:var(--text-heading);cursor:pointer}.karlee-panel[hidden]{display:none}.karlee-actions{display:flex;gap:var(--space-3)}.karlee-total,.karlee-confirm__total{margin:0;font:var(--weight-medium) var(--text-lg) / 1.2 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--text-heading)}.karlee-confirm{display:grid;gap:var(--space-5);max-width:36rem}.karlee-confirm__title{margin:0;font:var(--heading-weight-3) var(--text-xl) / 1.15 var(--font-display);color:var(--text-heading)}.karlee-confirm__title:focus{outline:none}.karlee-confirm__lines{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.karlee-confirm__lines li{display:flex;justify-content:space-between;gap:var(--space-4);font:var(--type-body)}[aria-disabled=true].btn{cursor:progress}@media(prefers-reduced-motion:reduce){.karlee-choice{transition:none}}.karlee-slot__card:empty{display:none}.karlee-fixedset__title{margin:0 0 var(--space-1)}.karlee-fixedset__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none}.karlee-fixedset__grid[hidden]{display:none}.karlee-fixedset__item{display:grid;align-content:start;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card);text-align:center;cursor:default}.karlee-fixedset__item img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--white);border-radius:var(--radius-sm)}.karlee-fixedset__name{font:var(--type-body-sm);font-size:var(--text-xs);line-height:1.25;overflow-wrap:anywhere}.karlee-search-empty[hidden]{display:none}.karlee-choices--product{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@container (max-width: 25.99rem){.karlee-choices--product .karlee-pic{aspect-ratio:1}.karlee-choices--product .karlee-pic[src*=canva]{object-position:top}}@container (min-width: 26rem){.karlee-choices--product{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 40rem){.karlee-choices--product{grid-template-columns:repeat(6,minmax(0,1fr))}}.karlee-choices--product .karlee-choice-wrap{display:flex}.karlee-choices--product .karlee-choice{position:relative;flex:1;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;overflow:hidden;border-color:var(--border-muted);border-radius:var(--radius-md);text-align:start;transition:var(--transition-control),transform var(--duration-fast) var(--ease-out)}.karlee-choices--product .karlee-choice:hover{border-color:var(--karlee-edge);transform:translateY(-2px)}.karlee-choices--product .karlee-choice-wrap input:checked+.karlee-choice{border-color:var(--border-strong);background:var(--green-100);box-shadow:inset 0 0 0 1px var(--border-strong)}.karlee-pic{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:var(--cream-100)}.karlee-pic--empty,.karlee-sum__pic.karlee-pic--empty{display:grid;place-items:center;background:var(--cream-100)}.karlee-pic--empty svg{width:42%;fill:var(--taupe-300)}.karlee-choices--product .karlee-choice__name{padding:var(--space-2) var(--space-3) 0;font:var(--weight-medium) var(--text-sm) / 1.3 var(--font-sans);letter-spacing:0;color:var(--text-heading)}.karlee-choice__detail{padding:var(--space-1) var(--space-3) var(--space-3);font:var(--type-body-sm);font-variant-numeric:tabular-nums;color:var(--text-muted)}.karlee-choice__tick{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border:2px solid var(--white);border-radius:var(--radius-pill);background:var(--action-primary);opacity:0;transform:scale(.6);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.karlee-choice__tick:after{content:"";position:absolute;top:6px;left:8px;width:7px;height:11px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}.karlee-choice-wrap input:checked+.karlee-choice .karlee-choice__tick{opacity:1;transform:none}.karlee-sum{display:grid;gap:var(--space-4);min-width:0}.karlee-sum__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.karlee-sum__title{margin:0;font:var(--weight-medium) var(--text-lg) / 1.2 var(--font-sans);color:var(--text-heading)}.karlee-sum__count{margin:0;font:var(--type-body-sm);color:var(--text-muted)}.karlee-sum__lines{display:grid;margin:0;padding:0;list-style:none}.karlee-sum__line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding-block:var(--space-3);border-bottom:var(--border-width-hairline) solid var(--border-hairline)}.karlee-sum__line:first-child{padding-top:0}.karlee-sum__pic{display:block;width:48px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--cream-100)}.karlee-sum__pic svg{width:60%;fill:var(--taupe-300)}.karlee-sum__main{display:grid;gap:2px;min-width:0}.karlee-sum__name,.karlee-sum__price{margin:0;font:var(--weight-medium) var(--text-sm) / 1.35 var(--font-sans);color:var(--text-heading)}.karlee-sum__price{font-variant-numeric:tabular-nums;white-space:nowrap}.karlee-sum__picks{margin:0;font:var(--weight-regular) var(--text-xs) / 1.45 var(--font-sans);color:var(--text-muted);overflow-wrap:anywhere}.karlee-sum__line.is-empty .karlee-sum__picks{font-style:italic}.karlee-sum__addons{display:grid;gap:2px;margin:var(--space-1) 0 0;padding:0;list-style:none;font:var(--weight-regular) var(--text-xs) / 1.45 var(--font-sans);color:var(--text-body)}.karlee-sum__addons li{display:flex;justify-content:space-between;gap:var(--space-2);font-variant-numeric:tabular-nums}.karlee-sum__rows{display:grid;gap:var(--space-2);margin:0}.karlee-sum__row{display:flex;justify-content:space-between;gap:var(--space-3);font:var(--type-body-sm);color:var(--text-body)}.karlee-sum__row dt,.karlee-sum__row dd{margin:0}.karlee-sum__row dd{font-variant-numeric:tabular-nums;color:var(--text-heading)}.karlee-sum__foot{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-width-strong) solid var(--border-strong)}.karlee-sum__due{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3)}.karlee-sum__foot .karlee-sum__count{display:none}.karlee-sum__foot .karlee-alert{margin:0}.karlee-place{width:100%}@media(min-width:1100px){.karlee-form{grid-template-columns:minmax(0,1fr) 22.5rem;gap:var(--space-10)}.karlee-sum{position:sticky;top:calc(var(--site-top-height, 7rem) + var(--space-5));max-height:calc(100dvh - var(--site-top-height, 7rem) - var(--space-10));grid-template-rows:auto minmax(0,1fr) auto auto}.karlee-sum__lines{overflow-y:auto;overscroll-behavior:contain}}@media(max-width:1099.98px){.karlee-sum__foot{position:fixed;inset-inline:0;bottom:0;z-index:15;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"alert alert" "due place";align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) max(var(--page-gutter),calc((100vw - 76rem)/2)) calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:var(--border-width-hairline) solid var(--border-muted);background:var(--surface-card);box-shadow:0 -6px 18px #1b4a5214}.karlee-sum__due{grid-area:due;display:grid;gap:2px;justify-content:start}.karlee-sum__foot .karlee-alert{grid-area:alert}.karlee-sum__foot .karlee-sum__count{display:block}.karlee-place{grid-area:place;width:auto}body:has(.karlee-form:not([hidden])){padding-bottom:var(--karlee-bar-h, 0px)}html:has(.karlee-form:not([hidden])){scroll-padding-bottom:calc(var(--karlee-bar-h, 0px) + var(--space-4))}}@media(max-width:479.98px){.karlee-place.btn--lg{padding-inline:var(--space-6)}}@media(prefers-reduced-motion:reduce){.karlee-choices--product .karlee-choice,.karlee-choice__tick{transition:none}.karlee-choices--product .karlee-choice:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/karlee-order.css.map */