:root{--box-color-primary: var(--nyb-color-primary);--box-color-secondary: var(--nyb-color-secondary);--box-color-neutral: var(--nyb-color-neutral);--box-color-border: var(--nyb-color-border)}.Box{width:100%;display:flex;flex-flow:column;align-items:center;background-color:var(--box-color-neutral);border-top:4px solid var(--box-color-neutral);position:sticky;top:0;z-index:1;min-height:280px}.Box :is(h1,h2,h3,h4,h5,h6),.Box{padding:0;margin:0}.Box p{padding:0;margin:0 0 2px}.Box h1{font-size:1.4em;font-weight:700}.Box :is(h2,h3,h4,h5,h6){font-weight:600;color:var(--box-color-primary)}.Box form{font-size:16px}.Box .button.button--plain{background-image:none;color:var(--nyb-color-primary);border:solid 1px white;background-color:#fff}.Box .button.button--plain:hover{transition:all .3s ease-in-out;color:var(--box-color-secondary)}.Box__Wrapper{width:100%;max-width:960px;margin:auto;position:relative}.Box__Menu{width:100%;height:32px;background-color:#fff;display:flex;align-items:center;padding:0 44px;z-index:6}.Box__Price{width:112px;height:112px;display:flex;flex-flow:column;align-items:center;justify-content:center;position:absolute;left:calc(50% - 440px);top:0;transform:rotate(-12deg);background:transparent url(//www.newyorkerbagels.com/cdn/shop/t/95/assets/batch_120x.png?v=59078417365900063911755686738) no-repeat center top;background-size:auto 100%;z-index:7}.Box__Price span{color:#fff;font-size:1.4rem;line-height:1.2em;margin-top:4px;font-weight:700}.Box__Price span.Price--original{font-size:1rem;opacity:.6;text-decoration:line-through;margin-top:-20px}.Box__Price span.Price--final:only-child{margin-top:-8px}.Box__Navigation{display:flex;justify-content:center}.Box__Navigation .button{margin:0 4px;font-size:.7rem;color:var(--nyb-color-subdued);padding:0 4px;transition:all .3s ease-in-out;text-transform:uppercase;letter-spacing:.01em;font-weight:700;column-gap:.4rem}.Box__Navigation .button:hover{color:var(--box-color-secondary)}.Box__Navigation .button .Icon{margin-top:-.5px}.Box__Navigation .button .Icon--plus{margin-top:2px}.Box__Navigation .button .Icon--plus svg{fill:var(--box-color-primary)!important}.Box__Reviews{display:flex;position:absolute;top:0;right:calc(50% - 440px);height:100%;align-items:center}.Box__Reviews span{color:var(--box-color-primary);font-size:.8rem;margin-right:12px}.Box__Reviews [class*=Stars]{display:flex;margin-top:-2px}.Box__Reviews [class*=Stars]>*{margin-left:4px}.Box__Header{width:100%;display:flex;flex-flow:column;align-content:center;justify-content:center;text-align:center}.Box__Header h1{color:var(--box-color-primary)}.Box__Header .button--more-info{display:none}.Box__Footer{width:100%;max-width:360px;display:flex;justify-content:center;text-align:center;flex-flow:column}.Box__Footer a{color:var(--box-color-primary)}.Box__Footer #custom-box-action{width:400px;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;color:var(--nyb-color-primary);margin-bottom:8px;font-weight:600;margin-top:16px;width:100%;position:relative;display:flex;justify-content:center}.Box__Footer #custom-box-action svg{stroke-width:1px;margin-inline:12px;transform:scale(1.6)}.Box__Footer #scroll-button{display:none!important}.Box__Footer__Row{display:none;flex-flow:column;justify-content:center;align-items:center}.Box__Footer__Row p{margin:0}.Box__Footer__Row p:first-of-type{padding-top:6px}.Box__Footer__Row p+p{margin-top:-4px}.Box__Footer__Row .button--primary{padding:4px 32px;margin-top:4px;background-color:var(--box-color-primary)}.Box__Footer .Upsell{display:flex;text-align:center;justify-content:center;border-radius:12px}.Box__Footer .Upsell p{margin-top:8px}.Box__Footer .Upsell a{text-decoration:underline}.Box__Footer .button--icon svg{transform:scale(.8)}.Box__DragAndDrop{width:100%;height:100%;display:none;align-items:center;justify-content:center;top:0;left:0;position:absolute;background-color:#efefefe6;z-index:5}.Box__DragAndDrop>div{width:480px;height:120px;border:dotted 4px var(--box-color-neutral);border-radius:120px;margin-top:42px;background-color:#fff;display:flex;flex-flow:column;align-items:center;justify-content:center}.Box__DragAndDrop>div .Icon svg{width:40px}.Box__DragAndDrop>div span{color:var(--box-color-primary);font-size:1em;margin-top:4px}.Box__DragAndDrop--on{display:flex}.Box__DragAndDrop--over>div{border-color:var(--box-color-primary)}.Box__Background{width:100%;height:100%;position:absolute;left:0;top:0}.Box__Flavors{display:flex;flex-flow:column;align-items:center;justify-content:flex-start;align-content:flex-start;padding:4px 0 6px;z-index:1}.Box__Flavors>*{padding:6px 0}.Box__Flavors .Box__Header{padding-top:12px}.Box__Flavors .Box__Footer{padding-top:0;padding-bottom:6px}.Box__Flavors__Custom{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:0 0 6px;background-color:var(--box-color-neutral);transition:all .5s ease-in-out}.Box__Flavors__Custom .Flavor{width:112px;position:relative;display:flex;justify-content:flex-start;align-items:center;flex-flow:column;overflow:hidden}.Box__Flavors__Custom .Flavor__Image{width:92px;height:92px;border-radius:120px;margin:0 8px;position:relative;display:flex;flex-flow:column;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.Box__Flavors__Custom .Flavor__Image span{color:var(--box-color-primary);font-size:.8em;z-index:1}.Box__Flavors__Custom .Flavor__Image img{height:100%;position:absolute}.Box__Flavors__Custom .Flavor__Image:before{width:29.44px;height:29.44px;border-radius:92px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background-color:var(--box-color-neutral);content:""}.Box__Flavors__Custom .Flavor__Remove{position:absolute;right:4px;top:0;background-color:#fff;border-radius:28px;display:none;justify-content:center;align-items:center;width:28px;height:28px;border:none;z-index:2;color:var(--box-color-primary)}.Box__Flavors__Custom .Flavor__Remove .Icon{pointer-events:none}.Box__Flavors__Custom .Flavor__Detail{display:none;width:100%;flex-flow:column;align-items:center;padding-top:4px;z-index:2}.Box__Flavors__Custom .Flavor__Detail h6{width:100%;color:var(--box-color-primary);padding-bottom:0;text-align:center}.Box__Flavors__Custom .Flavor__Detail h6.Tag{background:#fff;padding:4px 16px;border-radius:100px;font-size:.6em;margin-top:-16px;max-width:84px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border:solid 1px white;z-index:2}.Box__Flavors__Custom .Flavor__Detail p{width:95%;font-size:.8em;margin-top:4px;margin-bottom:8px;text-align:center;line-height:1.2em;overflow:hidden}.Box__Flavors__Custom .Flavor--on [class*=Image]{border:solid 4px white;background-color:var(--box-color-neutral)}.Box__Flavors__Custom .Flavor--on [class*=Image]:before,.Box__Flavors__Custom .Flavor--on [class*=Image] span{display:none}.Box__Flavors__Custom .Flavor--on [class*=Remove],.Box__Flavors__Custom .Flavor--on [class*=Detail]{display:flex}.Box__Flavors__Custom .Icon--spreads{color:var(--box-color-primary);margin-top:36px}.Box__Flavors__Custom .Spreads{width:112px;position:relative;display:flex;justify-content:flex-start;align-items:center;flex-flow:column}.Box__Flavors__Custom .Spreads__Background{width:92px;height:92px;border-radius:120px;margin:0;position:relative;display:flex;flex-flow:column;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.Box__Flavors__Custom .Spreads img{width:80px;height:auto;position:absolute;margin-top:-8px;transform:rotate(8deg);filter:drop-shadow(8px 12px 12px var(--box-color-neutral))}.Box__Flavors__Custom .Spreads__Coffee img{width:96px;height:auto;position:absolute;margin-top:4px;transform:rotate(8deg);filter:drop-shadow(8px 12px 12px var(--box-color-neutral))}.Box__Flavors__Custom--on{padding-bottom:16px;padding-top:16px;margin-top:-15px}.Box__Flavors__Custom--on+.Box__Footer #custom-box-action{margin-top:8px}.Box__Flavors__Custom--ready{padding-bottom:16px;padding-top:20px;margin-top:-20px}.Box__Flavors__Custom--ready+.Box__Footer{display:flex}.Box__Flavors__Custom--ready+.Box__Footer #custom-box-action,.Box__Flavors__Custom--ready+.Box__Footer #scroll-button{display:none}.Box__Flavors__Custom--ready+.Box__Footer .Box__Footer__Row{display:flex}@media screen and (max-width:960px){.Box{top:--header-height;min-height:auto}.Box :is(h1,h2,h3,h4,h5,h6,p){padding:0}.Box__Price{transform:rotate(-12deg) scale(.6);top:-44px;left:0}.Box__Price .Price--final{font-size:1.6em}.Box__Price .Price--original{font-size:1.2em}.Box .Box__Menu{padding:0 3%;height:28px}.Box .Box__Navigation{margin-left:16px;justify-content:flex-end}.Box .Box__Navigation .button{font-size:.7rem;background-color:#fff;column-gap:.4rem}.Box .Box__Navigation .button .Icon{margin-top:0}.Box .Box__DragAndDrop div{width:80%}.Box .Box__Flavors{padding-top:1px;padding-bottom:1px}.Box .Box__Flavors .Box__Header{padding:16px 6% 4px}.Box .Box__Flavors .Box__Header h1{font-size:.9em;width:85%;margin:auto;line-height:1.2em}.Box .Box__Flavors .Box__Header p{font-size:.8em;margin-bottom:0}.Box .Box__Flavors .Box__Footer{padding-top:0}.Box .Box__Flavors .Box__Footer #custom-box-action{margin-top:8px;font-size:10px}.Box .Box__Flavors .Box__Footer #custom-box-action svg{transform:unset}.Box__Footer #custom-box-action button{font-size:10px}.Box .Box__Flavors__Custom{padding:8px 0}.Box .Box__Flavors__Custom .Flavor{width:76px}.Box .Box__Flavors__Custom .Flavor__Remove{width:24px;height:24px}.Box .Box__Flavors__Custom .Flavor__Image{margin:0 8px;width:60px;height:60px;border-radius:120px}.Box .Box__Flavors__Custom .Flavor__Image:before{width:23.04px;height:23.04px}.Box .Box__Flavors__Custom .Flavor__Remove{right:0;font-size:.8em}.Box .Box__Flavors__Custom .Flavor__Detail h6.Tag{padding:2px 8px;width:auto;max-width:auto}.Box .Box__Flavors__Custom .Flavor__Detail p{margin-bottom:0}.Box .Box__Flavors__Custom .Flavor--on{width:88px}.Box .Box__Flavors__Custom .Icon--spreads{font-size:.7em;margin-top:21px}.Box .Box__Flavors__Custom .Spreads{width:76px}.Box .Box__Flavors__Custom .Spreads__Background{width:60px;height:60px}.Box .Box__Flavors__Custom .Spreads img{width:50px;height:auto;margin-top:-4px}.Box .Box__Flavors__Custom--on{padding:12px 0 0}.Box .Box__Flavors__Custom--on,.Box .Box__Flavors__Custom--ready{margin-top:-4px}.Box .Box__Footer__Row p{line-height:1.2em;margin:4px 0 8px}.Box--large .Box__Flavors__Custom .Flavor{width:76px;margin-top:4px}.Box--large .Box__Flavors__Custom .Flavor__Image{margin:0 8px;width:60px;height:60px;border-radius:120px}.Box--large .Box__Flavors__Custom .Flavor__Image:before{width:23.04px;height:23.04px}.Box--large .Box__Flavors__Custom .Flavor__Remove{right:0;font-size:.8em}.Box--large .Box__Flavors__Custom .Icon--spreads{margin-top:25px}.Box--large .Box__Flavors__Custom .Spreads{margin-top:4px;width:72px}.Box--large:not(.Box--sticky) .Box__Wrapper{padding:0!important}.Box--x-large:not(.Box--sticky) .Box__Price{transform:rotate(-12deg) scale(.65);top:-44px}.Box--x-large:not(.Box--sticky) .Flavor{margin-top:0}.Box--x-large:not(.Box--sticky) .Flavor__Image{display:none}.Box--x-large:not(.Box--sticky) .Flavor__Remove{display:none}.Box--x-large:not(.Box--sticky) .Flavor__Detail h6.Tag{margin-top:0;padding:4px 8px}}@media screen and (max-width:428px){.Box--large .Box__Flavors__Custom{padding-right:6%;padding-left:6%}}@media screen and (min-width:960px)and (max-width:1360px){.Box--x-large:not(.Box--sticky) .Flavor{width:72px}.Box--x-large:not(.Box--sticky) .Flavor__Image{width:60px;height:60px;border-radius:120px}.Box--x-large:not(.Box--sticky) .Flavor__Image:before{width:23.04px;height:23.04px;border-radius:72px}.Box--x-large:not(.Box--sticky) .Flavor__Remove{right:4px;top:0;font-size:.8em}.Box--x-large:not(.Box--sticky) .Flavor__Detail h6.Tag{padding:4px 12px;width:auto;max-width:auto}}.Box--large:not(.Box--sticky) .Box__Wrapper{max-width:100%;padding:0 60px}.Box--x-large:not(.Box--sticky) .Box__Price{transform:rotate(-12deg) scale(.8);top:-12px}.Box--x-large:not(.Box--sticky) .Box__Wrapper{padding:0}.Feed{width:100%;display:flex;flex-flow:column;align-items:center;padding:40px 0 20px}.Feed__Wrapper{width:auto;max-width:100%;padding:0 60px;box-sizing:border-box;display:flex;margin:auto;flex-wrap:wrap;justify-content:center}.Feed__Flavor{display:flex;flex-flow:column;align-items:center;width:196px;margin-bottom:32px}.Feed__Flavor h3{font-size:1rem;min-height:40px;display:flex;color:var(--box-color-secondary);text-align:center;margin:0;padding:0 16px;align-items:center;box-sizing:border-box}.Feed__Flavor .Flavor__Image{width:160px;height:160px;border-radius:160px;color:#fff;background-color:var(--box-color-neutral);margin-bottom:4px;transition:all .5s cubic-bezier(.075,.82,.165,1);overflow:hidden}.Feed__Flavor .Flavor__Image img{width:100%;height:100%;object-fit:cover}.Feed__Flavor .button--add,.Feed__Flavor .button--add-one-more,.Feed__Flavor .button--remove{margin-top:4px;min-width:140px;font-size:.8rem;letter-spacing:.05em;padding:4px}.Feed__Flavor .button--add-one-more,.Feed__Flavor .button--remove{display:none}.Feed__Flavor .button--remove{background-image:none;background-color:#fff;color:var(--box-color-primary);border:none}.Feed__Flavor .Flavor__Counter{display:none;justify-content:space-evenly;margin-top:20px}.Feed__Flavor .Flavor__Counter .button{width:calc(100% / 3);display:flex;align-items:center;margin:0}.Feed__Flavor .Flavor__Counter span{width:calc(100% / 3);color:var(--box-color-primary);display:flex;justify-content:center;align-items:center;padding:0 12px}.Feed__Flavor .Flavor__Counter span:before{content:attr(data-count)}.Feed__Flavor--on .Flavor__Image{border:solid 4px var(--box-color-primary)}.Feed__Flavor--on .Flavor__Counter{display:flex}.Feed__Flavor--on>.button--add{display:none}.Feed__Flavor--on>.button--add-one-more{display:flex}.Feed__Flavor--on>.button--remove{display:flex}.Feed__Flavor--on-ready>.button--add{opacity:.4}.Feed__Flavor--on-ready>.button--add-one-more{display:none}.Feed__Flavor--dragged>*{display:none}.Feed__Flavor--dragged .Flavor__Image{width:80px;height:80px;border-radius:80px;border:solid 4px white;display:block}@media screen and (max-width:960px){.Feed{padding-top:40px}.Feed__Wrapper{padding:0}.Feed__Flavor{width:172px}.Feed__Flavor .Flavor__Image{width:120px;height:120px}}.Responsive--mobile{display:none}@media screen and (max-width:960px){.Responsive--desktop{display:none}.Responsive--mobile{display:flex}}.Overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;box-sizing:border-box;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.Overlay :is(h2,h3,h4,h5,h6){color:var(--box-color-primary)}.Overlay__Background{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#3333;z-index:1}.Overlay__Window{width:80vw;max-width:800px;min-height:50vh;max-height:80vh;padding:42px 0 0;box-sizing:border-box;background-color:#fff;border-radius:4px;z-index:2;overflow:auto;position:relative}.Overlay__Window>div{display:none;padding-bottom:40px}.Overlay iframe,.Overlay img{width:100%;height:auto}.Overlay .Link{background-color:transparent;border:none;position:absolute;right:12px;top:12px}.Overlay__Gallery{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.Overlay[data-target=gallery] [data-target=gallery],.Overlay[data-target=details] [data-target=details],.Overlay[data-target=ingredients] [data-target=ingredients],.Overlay[data-target=reviews] [data-target=reviews],.Overlay[data-target=subscription] [data-target=subscription],.Overlay[data-target=all] [data-target=all]{display:block}.Overlay--on{opacity:1;visibility:visible}@media screen and (max-width:960px){.Overlay__Window{width:100%;height:100%;max-height:100%;max-width:100%}}.nyb-custom-box__container{display:flex;gap:32px;padding-block:60px}.nyb-custom-box__container>div{max-width:50%}.nyb-custom-box__container>div[data-section-id=product-description]{display:flex;flex-direction:column;gap:20px;align-items:center}@media screen and (max-width:960px){.nyb-custom-box__container{flex-direction:column;padding-inline:12%;padding-block:32px 60px}.nyb-custom-box__container>div{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/nyb-custom-box.css.map */