.md-byt{font-family:var(--md-font);color:var(--md-ink)}.md-byt [hidden]{display:none!important}.md-byt__head{max-width:var(--md-measure);margin-bottom:var(--md-6);display:grid;gap:var(--md-2)}.md-byt__intro{margin:0;color:var(--md-gray-700)}.md-byt__how{font-size:var(--md-step--1)}.md-byt__how-summary{display:inline-flex;align-items:center;gap:var(--md-1);min-height:var(--md-tap);cursor:pointer;color:var(--md-orange-600);font-weight:var(--md-weight-semi);text-decoration:underline;text-underline-offset:.3rem;list-style:none}.md-byt__how-summary::-webkit-details-marker{display:none}.md-byt__how-summary:after{content:"+";font-weight:var(--md-weight-body);text-decoration:none}.md-byt__how[open] .md-byt__how-summary:after{content:"\2212"}.md-byt__how-body{margin:0 0 var(--md-2);color:var(--md-gray-700);line-height:1.6;max-width:var(--md-measure)}.md-byt__empty{display:grid;gap:var(--md-4);justify-items:start}.md-byt__empty p{margin:0}.md-byt__grid{display:grid;gap:var(--md-6);grid-template-areas:"build" "picker" "tray"}.md-byt__grid>*{min-width:0}.md-byt__build{grid-area:build}.md-byt__picker{grid-area:picker;display:grid;gap:var(--md-5);align-content:start}.md-byt__tray{grid-area:tray}@media screen and (min-width:990px){.md-byt__grid{grid-template-columns:5fr 7fr;grid-template-rows:auto 1fr;grid-template-areas:"build picker" "tray picker";column-gap:var(--md-8);row-gap:var(--md-4);align-items:start}}.md-byt__slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--md-2)}.md-byt-slot{position:relative;min-height:172px;padding:var(--md-3) var(--md-2);border:1px dashed var(--md-gray-300);border-radius:var(--md-radius);background:var(--md-white);display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden}.md-byt-slot:focus-visible{outline:2px solid var(--md-focus);outline-offset:2px}.md-byt-slot__n{font-size:1.2rem;font-weight:var(--md-weight-semi);color:var(--md-gray-600);letter-spacing:.04em}.md-byt-slot__empty{align-self:center;justify-self:center;text-align:center;font-size:var(--md-step--1);color:var(--md-gray-600)}.md-byt-slot__pick{align-self:start;margin-top:var(--md-1);display:grid;gap:2px;justify-items:center;text-align:center}.md-byt-slot__img{width:min(80px,100%);height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--md-radius-sm);background:var(--md-gray-100);margin-bottom:var(--md-1)}.md-byt-slot__title{font-weight:var(--md-weight-semi);font-size:1.3rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.md-byt-slot__price{font-size:1.3rem;color:var(--md-gray-700)}.md-byt-slot__tag{justify-self:center;margin-top:var(--md-1);font-size:1.2rem;font-weight:var(--md-weight-semi);color:var(--md-green);text-align:center}.md-byt-slot__error{margin-top:var(--md-1);font-size:1.2rem;font-weight:var(--md-weight-semi);line-height:1.3;color:var(--md-orange-700);text-align:center;overflow-wrap:anywhere}.md-byt-slot__remove{position:absolute;top:0;right:0;width:var(--md-tap);height:var(--md-tap);display:grid;place-items:center;background:none;border:0;padding:0;cursor:pointer;color:var(--md-gray-700);font-size:1.8rem;line-height:1}.md-byt-slot__remove span{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--md-radius-round)}.md-byt-slot__remove:hover span{background:var(--md-gray-100);color:var(--md-ink)}.md-byt-slot__remove:disabled{opacity:.45;cursor:not-allowed}.md-byt-slot.is-filled{border-style:solid;border-color:var(--md-gray-100)}.md-byt-slot.is-filled .md-byt-slot__empty{display:none}.md-byt-slot.has-error{border-color:var(--md-orange-600)}.md-byt-slot.is-landed{background:var(--md-paper);border-color:var(--md-paper)}@keyframes md-byt-fill{0%{transform:scale(var(--md-scale-in))}to{transform:none}}@media(prefers-reduced-motion:no-preference){.md-byt-slot.is-pop .md-byt-slot__pick{animation:md-byt-fill var(--md-dur-2) var(--md-ease-out)}}.md-byt__summary{margin-top:var(--md-3);display:grid;gap:var(--md-1)}.md-byt__summary p{margin:0}.md-byt__rule{color:var(--md-gray-700)}.md-byt__outcome{font-weight:var(--md-weight-semi);color:var(--md-green)}.md-byt__restart{justify-self:start;min-height:var(--md-tap);padding:0;border:0;background:none;color:var(--md-orange-600);font:var(--md-weight-semi) var(--md-step--1)/1.2 var(--md-font);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.md-byt__restart:disabled{opacity:.45;cursor:not-allowed}.md-byt__full{margin:0;color:var(--md-gray-700)}.md-byt__group{display:grid;gap:var(--md-2)}.md-byt__group-title{margin:0;color:var(--md-gray-700);font-size:var(--md-step--1)}.md-byt__tiles{list-style:none;margin:0;padding:0;display:grid;gap:0}.md-byt-tile{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--md-3);align-items:center;padding:var(--md-2) 0;border-bottom:1px solid var(--md-gray-100)}.md-byt-tile__media{width:56px;height:56px;border-radius:var(--md-radius-sm);background:var(--md-gray-100);overflow:hidden}.md-byt-tile__media img{width:100%;height:100%;object-fit:cover;display:block}.md-byt-tile__body{display:grid;gap:2px;min-width:0}.md-byt-tile__body p{margin:0}.md-byt-tile__title{font-weight:var(--md-weight-semi);font-size:1.4rem;line-height:1.3;color:var(--md-ink);text-decoration:none;overflow-wrap:anywhere}.md-byt-tile__title:hover{text-decoration:underline;text-underline-offset:.3rem}.md-byt-tile__price{font-size:1.3rem;color:var(--md-gray-700)}.md-byt-tile__select{margin-top:var(--md-1);min-height:var(--md-tap);max-width:100%;font:inherit;font-size:1.3rem;border:1px solid var(--md-gray-300);border-radius:var(--md-radius-sm);background:var(--md-white);padding:0 var(--md-2)}.md-byt-tile__actions{display:flex;align-items:center;gap:var(--md-1)}.md-byt-tile__btn{min-width:var(--md-tap);min-height:var(--md-tap);padding:0 var(--md-4);border:1.5px solid var(--md-orange-600);border-radius:var(--md-radius);background:var(--md-white);color:var(--md-orange-600);font:var(--md-weight-semi) 1.3rem/1 var(--md-font);cursor:pointer;transition:background-color var(--md-dur-1) var(--md-ease-out),color var(--md-dur-1) var(--md-ease-out)}.md-byt-tile__btn:hover{background:var(--md-orange-600);color:var(--md-white)}.md-byt-tile__btn--x3{border-color:transparent;background:none;color:var(--md-ink);padding:0 var(--md-2);font-weight:var(--md-weight-body);text-decoration:underline;text-underline-offset:.3rem}.md-byt-tile__btn--x3:disabled{opacity:.45;cursor:not-allowed}.md-byt-tile__btn[disabled]:not(.md-byt-tile__btn--x3){border-color:var(--md-gray-300);color:var(--md-gray-700);background:var(--md-white);cursor:not-allowed}.md-byt-tile.is-soldout .md-byt-tile__media{opacity:.5}@media screen and (min-width:750px)and (max-width:989px),screen and (min-width:1200px){.md-byt__tiles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--md-6)}}@media screen and (max-width:749px){.md-byt__tiles{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--md-3)}.md-byt__tiles .md-byt-tile{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--md-2);padding:var(--md-3) 0}.md-byt__tiles .md-byt-tile__media{width:64px;height:64px}.md-byt__tiles .md-byt-tile__btn{padding:0 var(--md-3)}}.md-byt:not(.is-ready) .md-byt-tile__actions{visibility:hidden}.md-byt__tray{display:grid;gap:var(--md-3);padding:var(--md-2) 0;background:var(--md-white)}.md-bg-paper .md-byt__tray{background:var(--md-paper)}.md-byt__tray>p{margin:0}.md-byt__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--md-3)}.md-byt__meter{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:4px}.md-byt__meter i{position:relative;overflow:hidden;border-radius:var(--md-radius-pill);background:var(--md-gray-100)}.md-byt__meter i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-orange-500);transform:scaleX(0);transform-origin:left;transition:transform var(--md-dur-2) var(--md-ease-out)}.md-byt__meter i.is-on:after{transform:scaleX(1)}.md-byt__count{margin:0;font-size:var(--md-step--1);font-weight:var(--md-weight-semi);color:var(--md-gray-700);white-space:nowrap}.md-byt__add{width:100%}.md-byt__add[aria-busy=true]{cursor:progress}.md-byt__error{padding:var(--md-3);border:1px solid var(--md-orange-600);border-radius:var(--md-radius);background:var(--md-white);display:grid;gap:var(--md-2);font-size:var(--md-step--1)}.md-byt__error p{margin:0;font-weight:var(--md-weight-semi)}.md-byt__error-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--md-1)}.md-byt__error .md-btn{justify-self:start}@media screen and (max-width:989px){.md-byt.is-ready .md-byt__tray{position:sticky;bottom:0;z-index:2;margin-inline:calc(-1 * var(--md-gutter));padding:var(--md-3) var(--md-gutter) calc(var(--md-3) + var(--md-byt-safe, env(safe-area-inset-bottom, 0px)));border-top:1px solid var(--md-gray-300);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--md-4);row-gap:var(--md-2)}.md-byt.is-ready .md-byt__progress{grid-template-columns:minmax(0,1fr);gap:var(--md-1)}.md-byt.is-ready .md-byt__tray>:not(.md-byt__progress):not(.md-byt__add){grid-column:1 / -1}.md-byt.is-ready .md-byt__add{width:auto}.md-byt.has-error .md-byt__tray{position:static}.md-byt.is-ready :is(a,button,select,summary,[tabindex]){scroll-margin-bottom:calc(120px + var(--md-byt-safe, env(safe-area-inset-bottom, 0px)))}}@media(prefers-reduced-motion:reduce){.md-byt__meter i:after,.md-byt-tile__btn{transition:none}}.md-byt__head{gap:var(--md-3);margin-bottom:var(--md-head-gap)}.md-byt__head h1,.md-byt__head h2{font-size:var(--md-display-2);font-weight:var(--md-weight-bold);line-height:1.04;letter-spacing:var(--md-tracking-display)}.md-byt__intro{font-size:clamp(1.5rem,1.42rem + .25vw,1.75rem)}.md-byt__how-summary{color:var(--md-ink);text-decoration-color:var(--md-orange-500)}.md-byt__slots{gap:var(--md-3)}.md-byt-slot{min-height:196px;border:0;border-radius:var(--md-radius);background:var(--md-paper);padding:var(--md-4) var(--md-3)}.md-byt-slot.is-filled{background:var(--md-gray-100);border:0}.md-byt-slot.is-landed{background:var(--md-gray-100)}.md-byt-slot.has-error{box-shadow:inset 0 0 0 1px var(--md-orange-600)}.md-byt-slot__n{font-size:1.1rem;letter-spacing:var(--md-tracking-eyebrow);color:var(--md-gray-700)}.md-byt-slot__empty{color:var(--md-gray-700)}.md-byt-slot__img{width:min(104px,100%);border-radius:var(--md-radius-sm);background:transparent;transform:scale(1.45);clip-path:inset(15.5% round 2px);margin-block:var(--md-1) var(--md-2)}.md-byt__meter{height:2px;gap:6px}.md-byt__meter i{border-radius:0}.md-byt__group{gap:var(--md-3)}.md-byt__group-title{font-size:1.1rem;font-weight:var(--md-weight-semi);letter-spacing:var(--md-tracking-eyebrow);text-transform:uppercase;color:var(--md-gray-700);padding-bottom:var(--md-2);border-bottom:1px solid var(--md-ink)}.md-byt-tile{grid-template-columns:64px minmax(0,1fr) auto;gap:var(--md-4);padding:var(--md-3) 0}.md-byt-tile__media{width:64px;height:64px;border-radius:var(--md-radius-sm)}.md-byt-tile__media img{transform:scale(1.55)}.md-byt-tile__title{font-size:1.45rem}.md-byt-tile__btn{border-width:1px;border-color:var(--md-ink);border-radius:var(--md-radius-sm);color:var(--md-ink);font-weight:var(--md-weight-semi)}.md-byt-tile__btn:hover{background:var(--md-ink);border-color:var(--md-ink);color:var(--md-white)}.md-byt-tile__btn--x3{border-color:transparent;font-size:1.25rem;text-decoration-color:var(--md-orange-500)}.md-byt-tile__btn--x3:hover{background:none;color:var(--md-orange-600)}.md-byt-tile__btn[disabled]:not(.md-byt-tile__btn--x3){border-color:var(--md-gray-100);color:var(--md-gray-700)}.md-byt__own{display:none}@media screen and (max-width:749px){.md-byt--teaser .md-byt__picker,.md-byt--teaser .md-byt__how{display:none}.md-byt--teaser .md-byt__own{display:inline-flex;align-items:center;min-height:var(--md-tap);margin-top:var(--md-2);font-weight:var(--md-weight-semi)}.md-byt.is-ready .md-byt__tray{z-index:var(--md-z-sticky-bottom);min-height:var(--md-sticky-bottom-h)}.md-byt-tile__title{display:inline-flex;align-items:center;min-height:var(--md-tap)}}@media screen and (max-width:749px){.md-byt--teaser .md-byt__rule{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/md-build-your-three.css.map */