.byb{display:block;--byb-stage-h: clamp(260px, 42svh, 440px)}.byb__nojs{margin:0}.byb__grid{display:grid;grid-template-areas:"head" "media" "info";grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:start}.byb__head{grid-area:head}.byb__media{grid-area:media}.byb__info{grid-area:info}@media screen and (min-width:1000px){.byb__grid{grid-template-areas:"media head" "media info";grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;column-gap:var(--space-8)}}.byb__media{position:sticky;top:var(--sticky-area-height, 0px);z-index:1;background:rgb(var(--background));margin-inline:calc(-1 * var(--container-gutter))}@media screen and (min-width:1000px){.byb__media{top:calc(var(--sticky-area-height, 0px) + var(--space-3));margin-inline:0}}.byb__stage{position:relative;height:var(--byb-stage-h);margin-block-end:var(--space-4)}@media screen and (min-width:1000px){.byb__stage{height:min(calc((100vw - 2 * var(--container-gutter)) * 7 / 12 * 5 / 4),calc(100svh - var(--sticky-area-height, 0px) - 2 * var(--space-6)));margin-block-end:var(--space-6)}}.byb__look,.byb__layers{position:absolute;top:0;right:0;bottom:0;left:0}.byb__look[hidden],.byb__layers[hidden]{display:none}.byb__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.byb__layers{container-type:inline-size;aspect-ratio:var(--byb-ratio, 4 / 5);height:100%;max-width:100%;margin-inline:auto}.byb__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0}.byb__img.is-on,.byb__layer.is-on{opacity:1}.byb__layer-initials{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);margin:0;font-size:var(--size);line-height:1;transform:translate(-50%,-50%) rotate(var(--rotate))}.byb__tiles{--byb-acc-size: 56px;position:absolute;inset-inline:var(--space-2);inset-block-end:calc(-1 * var(--space-3));display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none;pointer-events:none}.byb__acc-tile{display:grid;gap:4px;justify-items:center;width:var(--byb-acc-size)}.byb__acc-img{display:block;width:var(--byb-acc-size);height:var(--byb-acc-size);overflow:hidden;border:1px solid rgb(var(--border-color));background:rgb(var(--background))}.byb__acc-img img{display:block;width:100%;height:100%;object-fit:cover}.byb__acc-name{display:none}@media screen and (min-width:1000px){.byb__tiles{--byb-acc-size: 72px;inset-inline:var(--space-3) auto;inset-block-end:var(--space-3);gap:var(--space-2);padding:var(--space-2);border:1px solid rgb(var(--border-color));background:rgb(var(--background))}.byb__tiles:empty{display:none}.byb__acc-name{display:block;font-size:var(--type-label);line-height:var(--leading-label);letter-spacing:var(--tracking-label);text-transform:uppercase}}.byb__pz-slot{max-width:360px;margin:0 0 var(--space-3)}.byb__pz-slot:empty{display:none}.byb .personalisation-preview{margin:0;border:1px solid rgb(var(--border-color))}.byb__info{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-block-end:var(--space-3)}.byb__head{display:grid;gap:var(--space-1)}.byb__head .h2,.byb__intro,.byb__bundle{margin:0}.byb__bundle{font-size:var(--type-small)}.byb__progress{min-height:44px;scroll-margin-block-start:calc(var(--sticky-area-height, 0px) + var(--byb-stage-h) + var(--space-1));display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.byb__count{margin:0;font-size:var(--type-small)}.byb__dots{display:flex;margin:0;padding:0;list-style:none}.byb__dot{display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.byb__dot span{width:24px;height:2px;background:rgb(var(--border-color))}.byb__dot:not(:disabled) span,.byb__dot[aria-current] span{background:rgb(var(--text-color))}.byb__dot[aria-current] span{height:3px}.byb__dot:disabled{cursor:default}.byb__form:empty{min-height:100svh}.byb__step{min-width:0;margin:0;padding:0;border:0}.byb__legend{padding:0;margin-block-end:var(--space-1)}.byb__legend .h4{margin:0;scroll-margin-block-start:calc(var(--sticky-area-height, 0px) + var(--byb-stage-h) + var(--space-6))}@media screen and (min-width:1000px){.byb__legend .h4{scroll-margin-block-start:calc(var(--sticky-area-height, 0px) + var(--space-3))}}.byb__helper,.byb__meta,.byb__notice,.byb__error,.byb__message{font-size:var(--type-small);line-height:var(--leading-body)}.byb__helper{margin:0 0 var(--space-2)}.byb__message{margin:0}.byb__message:empty,.byb__error:empty{display:none}.byb__error{margin:var(--space-1) 0 0}.byb__grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@media screen and (min-width:700px){.byb__grid2{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:699px){.byb__grid2--styles{display:flex;gap:var(--space-1);margin-inline:calc(-1 * var(--container-gutter));padding:4px var(--container-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--container-gutter);scrollbar-width:none}.byb__grid2--styles::-webkit-scrollbar{display:none}.byb__grid2--styles .byb__opt{flex:0 0 40%;scroll-snap-align:start}}@media screen and (min-width:700px){.byb__grid2--styles .byb__thumb{aspect-ratio:1}}@media screen and (min-width:1200px){.byb__grid2--styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring]) .byb__grid2{grid-template-columns:repeat(3,minmax(0,1fr))}@media screen and (max-width:699px){.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring]) .byb__grid2{gap:var(--space-1)}}.byb__offer{display:grid;gap:var(--space-1);margin-block-end:var(--space-2);padding:var(--space-2);border:1px solid rgb(var(--border-color))}.byb__offer-row{display:flex;align-items:center;gap:var(--space-2)}.byb__slots{display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none}.byb__slot{display:grid;justify-items:center;gap:4px;width:56px}.byb__slot-box{display:block;width:56px;height:56px;padding:0;overflow:hidden;border:1px dashed rgb(var(--border-color));background:none}.byb__slot.is-filled .byb__slot-box{border:1px solid rgb(var(--text-color));cursor:pointer}.byb__slot.is-current:not(.is-filled) .byb__slot-box{border-color:rgb(var(--text-color))}.byb__slot-label{font-size:var(--type-label);line-height:var(--leading-label);color:rgb(var(--text-color) / .65)}.byb__slot.is-current .byb__slot-label{color:rgb(var(--text-color))}.byb__slot-img{display:block;width:100%;height:100%}.byb__slot-img img{display:block;width:100%;height:100%;object-fit:cover}.byb__offer-count{margin:0;font-size:var(--type-small)}.byb__opt{position:relative;display:block;min-height:44px;cursor:pointer}.byb__tile{position:relative;display:grid;gap:4px;height:100%;padding:var(--space-1);border:1px solid rgb(var(--border-color));font-size:var(--type-small);line-height:var(--leading-body)}.byb__opt input:checked+.byb__tile{outline:1px solid rgb(var(--text-color));outline-offset:-1px;border-color:rgb(var(--text-color))}.byb__opt input:checked+.byb__tile:after{content:"";position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);width:16px;height:16px;background:rgb(var(--text-color));-webkit-mask:var(--checkmark-svg-url) center / 10px no-repeat;mask:var(--checkmark-svg-url) center / 10px no-repeat}.byb__opt input:focus-visible+.byb__tile{outline:2px solid highlight;outline:2px solid -webkit-focus-ring-color;outline-offset:2px}.byb__opt.is-disabled{cursor:not-allowed}.byb__opt.is-disabled .byb__tile{color:rgb(var(--text-color) / .5)}.byb__opt.is-disabled img{opacity:.5}.byb__thumb{display:block;aspect-ratio:4 / 5;overflow:hidden}.byb__thumb img,.byb__swatch img{width:100%;height:100%;object-fit:cover}.byb__name{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--type-h4);line-height:var(--leading-heading);letter-spacing:var(--heading-letter-spacing)}.byb__opt--acc .byb__name,.byb__opt--colour .byb__name{font-family:var(--text-font-family);font-weight:var(--text-font-weight);font-size:var(--type-small);line-height:var(--leading-body);letter-spacing:var(--text-letter-spacing)}.byb__opt--acc .byb__thumb img{transform:scale(1.28)}.byb__opt--acc .byb__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-width:0;overflow:hidden;overflow-wrap:anywhere}.byb__sub,.byb__meta,.byb__so,.byb__line-role{color:rgb(var(--text-color) / .65)}.byb__opt--colour .byb__tile{grid-template-columns:32px minmax(0,1fr);align-items:center;align-content:start;column-gap:var(--space-1);padding-inline-end:var(--space-3)}.byb__opt--colour :is(.byb__meta,.byb__so){grid-column:1 / -1}.byb__swatch{display:block;width:32px;height:32px;overflow:hidden}.byb__sub-step{margin:0 0 var(--space-3);padding:0;border:0;min-width:0}.byb__label{display:block;margin-block-end:var(--space-1);padding:0;font-size:var(--type-small);line-height:var(--leading-label)}.byb__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.byb__opt--chip .byb__tile{display:flex;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-2);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.byb__opt--chip input:checked+.byb__tile:after{display:none}.byb__input{width:100%;min-height:var(--space-6);padding:0 var(--space-2);border:1px solid rgb(var(--border-color));border-radius:0;background:transparent;color:rgb(var(--text-color));font-family:var(--text-font-family);font-size:max(16px,var(--text-base));letter-spacing:var(--tracking-label);text-transform:uppercase}.byb__input:focus{border-color:rgb(var(--text-color))}.byb__skip,.byb__share,.byb__remove{display:inline-flex;align-items:center;min-height:44px;margin-block-start:var(--space-2);padding:0;border:0;background:none;color:inherit;font-size:var(--type-small);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.byb__remove{margin:0;min-height:32px;justify-self:start}.byb__lines{margin:0;padding:0;list-style:none;border-block-start:1px solid rgb(var(--border-color))}.byb__line{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--space-2);align-items:start;padding-block:var(--space-2);border-block-end:1px solid rgb(var(--border-color));font-size:var(--type-small);line-height:var(--leading-body)}.byb__line-img{display:block;width:56px;aspect-ratio:4 / 5;overflow:hidden}.byb__line-img img{width:100%;height:100%;object-fit:cover}.byb__line-body{display:grid;gap:2px;justify-items:start;min-width:0}.byb__line-name{color:rgb(var(--text-color))}.byb__line-price{white-space:nowrap}.byb__line-preview{width:100%;max-width:320px;margin-block:var(--space-1) 2px}.byb__line--sum{grid-template-columns:minmax(0,1fr) auto;padding-inline-start:calc(56px + var(--space-2))}.byb__line--saving .byb__line-price{color:rgb(var(--text-color))}.byb__line--total{border-block-end:0;font-size:var(--type-price)}.byb__change{min-height:32px;padding:0;border:0;background:none;color:rgb(var(--text-color) / .65);font-size:var(--type-small);text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(hover:hover)and (pointer:fine){.byb__change:hover{color:rgb(var(--text-color))}}.byb__notice{margin:var(--space-2) 0 0}.byb__reassure{margin:var(--space-1) 0 0;font-size:var(--type-small);color:rgb(var(--text-color) / .65)}.byb__notice+.byb__reassure{margin-block-start:var(--space-2)}@media screen and (max-width:999px){.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]){--byb-stage-h: 112px}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]) .byb__media{border-block-end:1px solid rgb(var(--border-color))}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]) .byb__stage{margin-block-end:0;margin-inline:var(--container-gutter)}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]) :is(.byb__img,.byb__layer){object-position:left center}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]) .byb__layers{margin-inline:0}.byb:is([data-step=strap],[data-step=scarf],[data-step=keyring],[data-step=initials],[data-step=review]) .byb__tiles{inset:0 0 0 auto;align-items:center}}.byb__bar{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-inline:calc(-1 * var(--container-gutter));padding:var(--space-1) var(--container-gutter) calc(var(--space-1) + env(safe-area-inset-bottom));border-block-start:1px solid rgb(var(--border-color));background:rgb(var(--background))}@media screen and (min-width:1000px){.byb__bar{margin-inline:0;padding-inline:0}}.byb__total{margin:0;font-size:var(--type-price);white-space:nowrap}.byb__actions{display:flex;gap:var(--space-1)}.byb__actions .button{min-height:44px;padding-inline:var(--space-2);white-space:nowrap}@media screen and (min-width:700px){.byb__actions .button{padding-inline:var(--space-3)}}.byb__actions [hidden]{display:none}.byb__actions .button:disabled{opacity:.5;cursor:not-allowed}.byb .button,.byb__opt{transition-property:transform,background-size,background-position,color,border}.byb .button:active:not(:disabled),.byb__opt:active:not(.is-disabled){transform:scale(.97);transition:transform .12s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.byb__opt:not(.is-disabled):hover .byb__tile{border-color:rgb(var(--text-color))}}@media(prefers-reduced-motion:reduce){.byb .button:active,.byb__opt:active{transform:none}}.byb[data-debug] .byb__stage{outline:1px dashed currentColor}.byb[data-debug] .byb__layer{outline:1px dashed rgb(var(--text-color) / .4)}.byb[data-debug] .byb__stage:before{content:attr(data-mode);position:absolute;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);z-index:3;padding:2px var(--space-1);background:rgb(var(--text-color));color:rgb(var(--background));font-size:var(--type-label)}
/*# sourceMappingURL=/cdn/shop/t/353/assets/byb.css.map */