@layer sbt.components{.order__range{white-space:nowrap}.cart-drawer{--ground:var(--paper);--ground-raised:var(--paper-raised);--ground-deep:var(--paper-deep);--ink:#2a211b;--ink-muted:#5f554b;--primary:var(--claret);--stitch:var(--paper-stitch);background:var(--ground);block-size:100dvh;max-block-size:100dvh;inline-size:min(100% - 32px,420px);max-inline-size:100%;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset-block:0;inset-inline:auto 0;overflow:auto}.cart-drawer::backdrop{background:color-mix(in srgb, var(--ink) 28%, transparent)}@media (prefers-reduced-motion:no-preference){.cart-drawer{translate:calc(100% * var(--sbt-dir)) 0;transition:translate .18s cubic-bezier(.4, 0, 1, 1), display .18s allow-discrete, overlay .18s allow-discrete}.cart-drawer[open]{transition-duration:.28s;transition-timing-function:cubic-bezier(.16,1,.3,1);translate:0}.cart-drawer::backdrop{opacity:0;transition:opacity .18s ease-in, display .18s allow-discrete, overlay .18s allow-discrete}.cart-drawer[open]::backdrop{opacity:1;transition-duration:.28s;transition-timing-function:ease-out}@starting-style{.cart-drawer[open]{translate:calc(100% * var(--sbt-dir)) 0}.cart-drawer[open]::backdrop{opacity:0}}.cart-drawer[data-onward]:not([open]),.cart-drawer[data-onward]:not([open])::backdrop{transition:none}}.cart :is(.cart__tick,.sbt-qty__n){display:inline-block}.cart-drawer:focus{outline:none}.cart-drawer:before{content:"";border-inline-start:1px solid var(--stitch-thread);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:10px}.cart-drawer__body{align-content:start;gap:var(--space-16);min-block-size:100%;padding:max(var(--space-8), env(safe-area-inset-top)) var(--gutter-phone) max(var(--space-24), env(safe-area-inset-bottom));padding-inline-start:calc(var(--gutter-phone) + 10px);display:grid}.cart-drawer .sbt-sheet__head .sbt-close{margin-inline-end:calc(-1 * var(--space-12))}.cart__count{font-size:var(--text-caption);color:var(--ink-muted);margin-inline-start:var(--space-8)}.cart{--cart-gap:var(--space-16);--tag-pad:var(--space-16);gap:var(--cart-gap);display:grid}.cart :is(.cart__lines,.cart__side){display:contents}.cart-page .cart{--cart-gap:var(--item)}.cart-page .cart__stub+*{margin-block-start:calc(var(--group) - var(--item))}.cart--waiting .sbt-skeleton{background-image:none;animation:none}.cart__wait{align-items:start;gap:var(--space-12);padding-block:var(--space-12) var(--space-4);grid-template-columns:76px minmax(0,1fr);display:grid}.cart__wait-words{align-content:start;gap:var(--space-8) var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.cart--waiting .cart__wait-tag{block-size:56px}.cart--waiting .cart__wait-name{inline-size:60%}.cart--waiting .cart__wait-sum{inline-size:4em}.cart--waiting .cart__wait-options{grid-column:1;inline-size:80%}.cart--waiting .cart__wait-action{block-size:var(--control)}.cart__added{align-items:center;gap:var(--space-8);font-size:var(--text-body);margin:0;display:flex}.cart__added:before{content:"";border-block-start:var(--stitch-width) solid var(--primary);inline-size:18px}.cart__added:empty{display:none}.cart__list{inline-size:100%;margin:0;padding:0;list-style:none;display:grid}.cart__list .sbt-line{align-items:start;gap:var(--space-12);padding-block:var(--space-12) var(--space-4);background:0 0;border-radius:0;grid-template-columns:76px minmax(0,1fr);margin:0;padding-inline:0}.cart__list .sbt-line:before,.cart__list .sbt-line:after{content:none}.cart__list .sbt-line__thumb{block-size:auto;inline-size:76px;padding-block-start:2px;overflow:visible}.cart__piece{place-items:center;block-size:56px;display:grid}.cart__piece .sbt-piece{block-size:auto;inline-size:64px}.cart__piece img{object-fit:cover;block-size:56px;inline-size:64px}.cart__tag{margin-block-start:calc(var(--space-24) - var(--cart-gap));position:relative}.cart__string{z-index:1;pointer-events:none;block-size:74px;inline-size:40px;position:absolute;inset-block-start:-50px;inset-inline-start:calc(70% - 20px);overflow:visible}.cart__string path{fill:none;stroke:var(--stitch);stroke-width:1.5px;stroke-linecap:round}.cart__ring{fill:color-mix(in srgb, var(--ground-deep) 75%, var(--ground-raised))}.cart__gold{fill:none;stroke:var(--foil-gold);stroke-width:2.2px}.cart__hole{fill:var(--ground)}.cart__tag-body{gap:var(--space-16);padding:52px var(--tag-pad) var(--space-24);background:var(--ground-raised);clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%,0 26px);display:grid;-webkit-mask:radial-gradient(10px at 0 100%,#0000 9.5px,#000 10px) 0 0/51% 100% no-repeat,radial-gradient(10px at 100% 100%,#0000 9.5px,#000 10px) 100% 0/51% 100% no-repeat;mask:radial-gradient(10px at 0 100%,#0000 9.5px,#000 10px) 0 0/51% 100% no-repeat,radial-gradient(10px at 100% 100%,#0000 9.5px,#000 10px) 100% 0/51% 100% no-repeat}.cart .cart__list{gap:var(--space-16)}.cart .cart__list .sbt-line{--thumb:72px;grid-template-columns:var(--thumb) minmax(0, 1fr) auto;align-items:start;column-gap:var(--space-12);grid-template-rows:auto auto auto;grid-template-areas:"thumb title sum""thumb desc sum""thumb foot foot";padding:0;line-height:1.4}.cart .cart__list .sbt-line>div:last-child{display:contents}.cart .cart__list .sbt-line__thumb{inline-size:var(--thumb);block-size:var(--thumb);grid-area:thumb;padding:0}.cart .cart__list .sbt-line__foot{gap:var(--space-8);margin-block-start:var(--space-8)}.cart :is(.cart__piece,.cart__piece img){inline-size:var(--thumb);block-size:var(--thumb)}.cart .cart__piece .sbt-piece{inline-size:calc(var(--thumb) - 12px)}.cart__stub{--ride:28px;--stub-dots:4px;--stub-lead:20px;z-index:2;gap:var(--space-8);padding:calc(var(--ride) + var(--stub-lead)) var(--tag-pad) max(14px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ground-raised), color-mix(in srgb, var(--ground-raised) 0%, transparent)) 50% 0 / calc(100% - 22px) var(--ride) no-repeat, linear-gradient(var(--ground-raised), var(--ground-raised)) 0 var(--ride) / 100% 100% no-repeat;-webkit-mask:radial-gradient(circle 10px at 0 var(--ride), #0000 9.5px, #000 10px) 0 0 / 51% 100% no-repeat, radial-gradient(circle 10px at 100% var(--ride), #0000 9.5px, #000 10px) 100% 0 / 51% 100% no-repeat;mask:radial-gradient(circle 10px at 0 var(--ride), #0000 9.5px, #000 10px) 0 0 / 51% 100% no-repeat, radial-gradient(circle 10px at 100% var(--ride), #0000 9.5px, #000 10px) 100% 0 / 51% 100% no-repeat;border-end-end-radius:14px;border-end-start-radius:14px;margin-block-start:calc(-1 * var(--cart-gap) - var(--ride));display:grid;position:sticky;inset-block-end:0}.cart__stub:before{content:"";block-size:var(--stub-dots);background:radial-gradient(circle, var(--ground) 1.7px, transparent 2.1px) 0 50% / 9px var(--stub-dots) repeat-x;position:absolute;inset-block-start:calc(var(--ride) - var(--stub-dots) / 2);inset-inline:16px}.cart .cart__stub .sbt-pair{margin-block-start:var(--space-4);display:flex}.cart .cart__stub .sbt-pair>:is(.sbt-stitch-btn,.sbt-tag){padding-inline:var(--space-16);white-space:nowrap}.cart__stub .sbt-tag{min-inline-size:6em}.cart__gap{font-size:var(--text-caption);text-align:center;text-wrap:pretty;margin:0}.cart__seam{block-size:14px;position:relative}.cart__seam:before,.cart__seam i{content:"";block-size:2px;position:absolute;inset-block-start:6px}.cart__seam:before{background:radial-gradient(circle, color-mix(in srgb, var(--stitch) 55%, transparent) 1.1px, transparent 1.4px) 0 0 / 7px 2px repeat-x;inset-inline:0}.cart__seam i{inline-size:var(--sewn);background:linear-gradient(90deg, var(--rose) 60%, transparent 0) 0 0 / 7px 2px repeat-x;transition:inline-size .6s cubic-bezier(.2,.8,.2,1);inset-inline-start:0}.cart__seam b{background:var(--ground);block-size:12px;inline-size:12px;box-shadow:inset 0 0 0 2px var(--foil-gold);border-radius:50%;position:absolute;inset-block-start:1px;inset-inline-end:-2px}@media (prefers-reduced-motion:reduce){.cart__seam i{transition:none}}.cart__tag-body .sbt-slip{background:0 0;padding:0}.cart__tag-body .sbt-slip:before,.cart__tag-body .sbt-slip:after{content:none}.cart-drawer .cart__list .sbt-line{--thumb:64px;column-gap:var(--space-8);grid-template-rows:auto 1fr auto;grid-template-areas:"thumb title sum""thumb desc sum""foot foot foot"}.cart__list .sbt-line>div:last-child{align-items:start;column-gap:var(--space-12);grid-template:"title sum""desc sum"1fr"foot foot"/minmax(0,1fr) auto;line-height:1.4;display:grid}.cart__list .sbt-line__title{font-size:var(--text-body);grid-area:title}.cart__list .sbt-line__desc{text-wrap:pretty;grid-area:desc;margin:0}.cart__list .sbt-line__price{font-size:var(--text-body);grid-area:sum;margin:0}.cart .cart__list .sbt-line__price{font-size:var(--text-body-lg);font-weight:400}.cart__sum{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;display:grid}.cart__sum s,.cart__each{font-size:var(--text-caption);color:var(--ink-muted);font-weight:400}.cart__list .sbt-line__foot{flex-wrap:nowrap;grid-area:foot;justify-content:space-between;margin:0}.cart__qty.sbt-qty{gap:0;margin-inline-start:-6px;font-weight:600}.cart__qty bdi{text-align:center;min-inline-size:1.6ch}.cart :is(.cart__qty .sbt-eyelet,.cart__add):before{block-size:32px;inline-size:32px;box-shadow:inset 0 0 0 1.5px var(--stitch-thread);background:0 0}:is(.cart__qty .sbt-eyelet,.cart__add)>svg{stroke-width:1.6px;block-size:13px;inline-size:13px}.cart__open{min-block-size:var(--touch-min);min-inline-size:var(--touch-min);margin-block:calc((var(--touch-min) - 1lh) / -2);color:inherit;align-items:center;text-decoration:none;display:inline-flex}.cart__acts{gap:var(--space-16);display:flex}.cart__acts .sbt-thread-link{min-inline-size:var(--touch-min);justify-content:center}.cart__list .sbt-line__foot .sbt-thread-link{min-block-size:var(--touch-min)}.cart__removed{justify-content:space-between;align-items:center;gap:0 var(--space-12);padding-block:var(--space-4);font-size:var(--text-caption);color:var(--ink-muted);flex-wrap:wrap;display:flex}.cart__said,.cart__why,.cart__when{font-size:var(--text-caption);color:var(--ink-muted);text-wrap:pretty;margin:0}.cart__nudge{grid-template-columns:72px minmax(0, 1fr) var(--touch-min);align-items:center;column-gap:var(--space-12);font-size:var(--text-caption);color:var(--ink-muted);margin:0;display:grid}.cart__nudge>span:nth-child(2){text-wrap:balance}.cart__nudge [role=status]{grid-column:1/-1}.cart__ghost{outline:1px solid var(--stitch-thread);outline-offset:-1px;border-radius:12px;place-items:center;block-size:72px;inline-size:72px;display:grid}.cart__ghost img{object-fit:contain;opacity:.55;block-size:58px;inline-size:58px}.cart .sbt-slip__row--discount :is(dt,dd){color:var(--ink)}.cart .order__why{font-size:var(--text-caption);display:block}.cart__slip{gap:var(--space-8);display:grid}.cart__code .cart__said{color:var(--error)}.cart__code .sbt-field{margin:0}.cart__applied{justify-content:space-between;align-items:center;gap:var(--space-12);font-size:var(--text-caption);margin:0;font-weight:600;display:flex}.cart__applied[data-short] bdi{color:var(--ink-muted)}.cart__applied bdi{letter-spacing:.04em}.cart-drawer{scroll-padding-block-end:calc(var(--control) + 134px + env(safe-area-inset-bottom,0px))}html:has(.cart-page:not([data-scene]) .cart__stub){scroll-padding-block-end:calc(var(--control) + 134px + env(safe-area-inset-bottom,0px))}.cart__trust{justify-items:center;gap:var(--space-8);font-size:var(--text-caption);color:var(--ink-muted);display:grid}.cart__trust ul{justify-content:center;gap:var(--space-12);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cart__trust img{opacity:.85;block-size:18px;inline-size:auto;display:block}.cart__trust p{margin:0}.cart-page .cart__trust ul{display:none}.cart__empty{justify-items:stretch;gap:var(--space-16);padding-block:var(--space-16);display:grid}.cart__empty p{font-size:var(--text-body);text-wrap:pretty;margin:0}.cart-page{inline-size:min(100%, var(--column));padding-block:var(--page-top) 0;margin-inline:auto;display:grid}.cart-page:not([data-scene]){overflow-y:clip}@media (min-width:768px){.cart-page:not([data-scene]){inline-size:min(100%, var(--content-max))}.cart-page .cart{align-items:start;column-gap:var(--space-32);grid-template-columns:minmax(0,1fr) 340px}.cart-page :is(.cart__lines,.cart__side){align-content:start;gap:var(--item);display:grid}.cart-page .cart__side{position:sticky;inset-block-start:var(--space-24)}.cart-page .cart__stub{--ride:0px;margin-block-start:calc(var(--space-24) - var(--cart-gap));padding-block-end:var(--space-16);position:static}html:has(.cart-page:not([data-scene]) .cart__stub){scroll-padding-block-end:0}}@media (min-width:1024px){.cart-page:not([data-scene]){inline-size:min(100%, 520px + var(--space-32) + 400px)}.cart-page .cart{grid-template-columns:minmax(0,520px) 400px}}.cart-page__still{--object-block:200px;margin-block-end:var(--item);position:relative}@media (min-width:1024px){.cart-page__still{--object-block:240px}}.cart-page .design__offstage{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.cart-page__steps{margin-block-end:var(--item)}.cart-page__packing{color:var(--ink-muted);opacity:0;justify-self:center;margin:0;animation:1ms 1.5s forwards cart-packing}@keyframes cart-packing{to{opacity:1}}.order__bill .order__count{min-block-size:var(--touch-min);margin-block:calc((var(--touch-min) - 1lh) / -2);color:inherit}.order__lines{text-align:start}.order__lines .cart__list .sbt-line{padding-block-end:var(--space-12)}.order__lines[data-unpriced] .cart__sum{display:none}}html[data-checkout-next] :is(.design__panel,.design__turn,.design__steps){visibility:hidden}
