.byf{--byf-bg: #fff9e8;--byf-text: #19191b;--byf-accent: #f29432;--byf-button-bg: #f8e505;--byf-button-text: #19191b;--byf-card-radius: 12px;--byf-card-bg: #ffffff;--byf-coral: #e9583f;--byf-grey: #e8e8e8;display:block;background-color:var(--byf-bg);color:var(--byf-text)}.byf [hidden]{display:none!important}.byf__body{display:grid;grid-template-areas:"header" "sizes" "side" "tabs" "grid" "noscript";gap:2rem}.byf__header{grid-area:header;max-width:62rem}.byf__heading{margin:0 0 .6rem;color:var(--byf-text)}.byf__copy{margin:0;font-size:1.6rem}.byf__copy p{margin:0}.byf__sizes{grid-area:sizes;display:flex;gap:1.2rem;border:none;margin:0;padding:0}.byf__label{display:block;font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem;padding:0}.byf-size{cursor:pointer}.byf-size__card{display:flex;flex-direction:column;gap:.2rem;padding:1rem 2rem;background:var(--byf-card-bg);border:.2rem solid var(--byf-text);border-radius:var(--byf-card-radius);transition:background-color .15s ease,box-shadow .15s ease}.byf-size__name{font-weight:700;font-size:1.5rem}.byf-size__qty{font-size:1.3rem;opacity:.75}.byf-size__input:checked+.byf-size__card{background:var(--byf-button-bg);box-shadow:.3rem .3rem 0 var(--byf-text)}.byf-size__input:focus-visible+.byf-size__card{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-size:hover .byf-size__card{border-color:var(--byf-accent)}.byf__tabs-wrap{grid-area:tabs}.byf-tabs{display:flex;flex-wrap:wrap;gap:.8rem}.byf-tab{font:inherit;font-size:1.4rem;font-weight:700;padding:.8rem 1.8rem;border:.2rem solid var(--byf-text);border-radius:999px;background:transparent;color:var(--byf-text);cursor:pointer;transition:background-color .15s ease,color .15s ease}.byf-tab:hover{border-color:var(--byf-accent);color:var(--byf-accent)}.byf-tab[aria-selected=true]{background:var(--byf-text);color:var(--byf-bg)}.byf-tab:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf__grid-wrap{grid-area:grid}.byf__grid-wrap:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}@media screen and (min-width:750px){.byf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}@media screen and (min-width:990px){.byf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.byf-tile{position:relative;display:flex;flex-direction:column}.byf-tile__select{font:inherit;text-align:left;display:flex;flex-direction:column;gap:.4rem;width:100%;height:100%;padding:.8rem .8rem 1rem;background:var(--byf-card-bg);color:var(--byf-text);border:.15rem solid rgba(25,25,27,.25);border-radius:var(--byf-card-radius);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.byf-tile__select:hover{border-color:var(--byf-accent)}.byf-tile__select:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-tile--selected .byf-tile__select{border-color:var(--byf-text);background:var(--byf-button-bg);box-shadow:.3rem .3rem 0 var(--byf-text)}.byf-tile__media{position:relative;display:block;border-radius:calc(var(--byf-card-radius) - 4px);overflow:hidden;background:var(--byf-grey)}.byf--ratio-square .byf-tile__media{aspect-ratio:1 / 1}.byf--ratio-portrait .byf-tile__media{aspect-ratio:4 / 5}.byf-tile__img,.byf-tile__media img{display:block;width:100%;height:100%;object-fit:cover}.byf--ratio-natural .byf-tile__media img{height:auto}.byf-tile__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:10rem;color:#19191b66}.byf-tile__placeholder svg{width:60%;max-width:9rem}.byf-tile__badge{position:absolute;top:.6rem;left:.6rem;padding:.35rem .8rem;font-size:1.05rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--byf-button-bg);background:var(--byf-text);border:1.5px solid var(--byf-text);border-radius:7px}.byf-tile__badge--soldout{color:var(--byf-text);background:var(--byf-grey);border-color:var(--byf-grey)}.byf-tile__check{position:absolute;top:.6rem;right:.6rem;width:2.4rem;height:2.4rem;display:none;align-items:center;justify-content:center;background:var(--byf-text);color:var(--byf-button-bg);border-radius:50%}.byf-tile__check svg{width:1.3rem}.byf-tile--selected .byf-tile__check{display:flex}.byf-tile__qty-bubble{position:absolute;bottom:.6rem;right:.6rem;padding:.2rem .8rem;font-size:1.2rem;font-weight:700;background:var(--byf-text);color:var(--byf-bg);border-radius:999px}.byf-tile__name{font-weight:600;font-size:1.4rem;line-height:1.3}.byf-tile__price{font-size:1.3rem;opacity:.8}.byf-tile--soldout .byf-tile__select{cursor:not-allowed;background:var(--byf-card-bg);border-style:dashed;opacity:.65}.byf-tile--soldout .byf-tile__select:hover{border-color:#19191b40}.byf-tile__qty{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.6rem}.byf-tile__qty-btn{font:inherit;font-size:1.6rem;font-weight:700;width:3.2rem;height:3.2rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:var(--byf-card-bg);color:var(--byf-text);border:.2rem solid var(--byf-text);border-radius:50%;cursor:pointer}.byf-tile__qty-btn:hover:not(:disabled){background:var(--byf-accent);color:#fff;border-color:var(--byf-text)}.byf-tile__qty-btn:disabled{opacity:.4;cursor:not-allowed}.byf-tile__qty-btn:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-tile__qty-count{font-weight:700;font-size:1.5rem;min-width:2rem;text-align:center}.byf-grid__empty{margin:2rem 0 0;font-size:1.5rem}.byf__side{grid-area:side;display:flex;flex-direction:column;gap:1.6rem}.byf-tray{background:var(--byf-card-bg);border:.2rem solid var(--byf-text);border-radius:var(--byf-card-radius);padding:1.6rem}.byf-tray__progress{margin:0 0 .4rem;font-weight:700;font-size:1.4rem}.byf-tray__message{margin:0 0 1.2rem;font-size:1.3rem;opacity:.8;min-height:1.8rem}.byf-tray__message--complete{color:var(--byf-text);font-weight:700;opacity:1}.byf-tray__slots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.byf-slot{position:relative;width:8.4rem;min-height:8.4rem;border:.2rem dashed rgba(25,25,27,.35);border-radius:calc(var(--byf-card-radius) - 2px);padding:.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.byf-slot--filled{border-style:solid;border-color:var(--byf-text);background:var(--byf-bg);animation:byf-slot-pop .25s ease}.byf-slot__number{position:absolute;top:.3rem;left:.6rem;font-size:1.1rem;font-weight:700;opacity:.5}.byf-slot__empty{color:#19191b59}.byf-slot__duck{width:4rem;height:4rem}.byf-slot__filled{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.byf-slot__img{width:4.4rem;height:4.4rem;object-fit:cover;border-radius:.6rem}.byf-slot__name{font-size:1.05rem;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.byf-slot__remove{position:absolute;top:-.8rem;right:-.8rem;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;background:var(--byf-text);color:var(--byf-bg);border:none;border-radius:50%;cursor:pointer}.byf-slot__remove:hover{background:var(--byf-coral);color:#fff}.byf-slot__remove:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-summary{background:var(--byf-card-bg);border:.2rem solid var(--byf-text);border-radius:var(--byf-card-radius);padding:1.6rem;display:flex;flex-direction:column;gap:1rem}.byf-summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:1.4rem}.byf-summary__price{font-size:1.8rem;font-weight:700}.byf-summary__info{margin:0;font-size:1.25rem;opacity:.75}.byf-summary__button.button{width:100%;background:var(--byf-button-bg);color:var(--byf-button-text);border:.2rem solid var(--byf-text);border-radius:calc(var(--byf-card-radius) - 2px);font-weight:700;transition:background-color .15s ease;position:relative}.byf-summary__button.button:hover:not(:disabled){background:var(--byf-accent)}.byf-summary__button.button:disabled{background:var(--byf-grey);color:#19191b8c;border-color:#19191b59;cursor:not-allowed}.byf-summary__button.button:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.3rem}.byf-summary__error{margin:0;font-size:1.3rem;font-weight:600;color:var(--byf-coral)}.byf-summary__success{margin:0;font-size:1.3rem;font-weight:700;animation:byf-fade-in .3s ease}.byf-spinner{position:absolute;right:1.2rem;top:50%;width:1.6rem;height:1.6rem;margin-top:-.8rem;border:.25rem solid rgba(25,25,27,.25);border-top-color:var(--byf-text);border-radius:50%;animation:byf-spin .7s linear infinite}.byf-bar{position:fixed;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;gap:1.2rem;padding:1rem 4.4rem 1rem 1.6rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:var(--byf-card-bg);color:var(--byf-text);border-top:.2rem solid var(--byf-text);box-shadow:0 -.4rem 1.2rem #19191b1f}@media screen and (min-width:990px){.byf-bar{display:none}}.byf-bar__meta{display:flex;flex-direction:column;min-width:6.4rem}.byf-bar__progress{font-weight:700;font-size:1.5rem}.byf-bar__subtotal{font-size:1.3rem;opacity:.8}.byf-bar__button.button{flex:1;background:var(--byf-button-bg);color:var(--byf-button-text);border:.2rem solid var(--byf-text);border-radius:calc(var(--byf-card-radius) - 2px);font-weight:700;min-height:44px}.byf-bar__button.button:disabled{background:var(--byf-grey);color:#19191b8c;border-color:#19191b59}.byf-bar__button.button:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.2rem}.byf-bar__dismiss{position:absolute;top:.5rem;right:.6rem;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--byf-text);border:none;font-size:1.6rem;cursor:pointer}.byf-bar__dismiss:focus-visible{outline:.3rem solid var(--byf-text);outline-offset:.1rem}.byf-noscript{grid-area:noscript;font-size:1.5rem}.byf-noscript ul{list-style:none;padding:0;display:flex;gap:1.6rem}.byf-noscript a{color:var(--byf-text);font-weight:700}@media screen and (min-width:990px){.byf__body{grid-template-columns:minmax(0,1fr) 34rem;grid-template-areas:"header header" "sizes  side" "tabs   side" "grid   side" "noscript noscript";align-items:start;column-gap:3.2rem}.byf--sticky-desktop .byf__side{position:sticky;top:2.4rem}}@keyframes byf-spin{to{transform:rotate(360deg)}}@keyframes byf-slot-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes byf-bounce{0%{transform:translateY(0)}35%{transform:translateY(-.5rem)}70%{transform:translateY(.15rem)}to{transform:translateY(0)}}@keyframes byf-fade-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.byf-tile--bounce .byf-tile__select{animation:byf-bounce .35s ease}@media(prefers-reduced-motion:reduce){.byf *,.byf *:before,.byf *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/build-your-flock.css.map */