.recs-feed{display:block;margin-top:48px;margin-bottom:64px}.recs-feed__title{margin:0 0 12px;padding-inline:16px;text-align:left;font-size:13px;font-style:normal;font-weight:400;line-height:150%}.recs-grid{display:grid;grid-template-columns:repeat(var(--recs-cols-mobile, 2),minmax(0,1fr));gap:2px;margin:0;padding:0 16px;list-style:none}.recs-grid__item{min-width:0;margin-bottom:0}.recs-grid__item .brn-card__footer{padding-bottom:12px}.recs-grid__item .brn-card{width:100%}.recs-feed__status{display:flex;align-items:center;justify-content:center;min-height:0;padding:0}.recs-feed.is-loading .recs-feed__status{min-height:64px;padding:16px 0}.recs-feed__spinner{display:none;width:26px;height:26px;border:2px solid var(--color-border, #e5e5e5);border-top-color:#2a2a2a;border-radius:50%;animation:recs-spin .7s linear infinite}.recs-feed.is-loading .recs-feed__spinner{display:block}@keyframes recs-spin{to{transform:rotate(360deg)}}@media(min-width:1024px){.recs-feed{margin-top:120px}.recs-grid{grid-template-columns:repeat(var(--recs-cols-desktop, 4),minmax(0,1fr));padding-inline:16px}.recs-feed__title{font-size:16px;padding-inline:16px;margin-bottom:20px}}.complete-look-btn{color:#2a2a2a;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:16px;border-radius:0;border:1px solid #2a2a2a;display:flex;padding:8px 24px;justify-content:center;align-items:center;gap:4px;background-color:#fff;margin:24px auto 0;cursor:pointer}.pdp-cyl .brn-card__footer{display:none}.pdp-cyl{max-width:100vw;margin-top:64px;margin-bottom:64px;padding-inline:16px}.pdp-cyl__title{margin:0 0 12px;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;text-align:center}.pdp-cyl__grid{display:grid;grid-template-columns:repeat(var(--pdp-cyl-cols, 2),minmax(0,215.9px));justify-content:center;gap:var(--pdp-cyl-gap, 2px);margin:0 auto;padding:0;list-style:none}.pdp-cyl__item{min-width:0}@media(min-width:1024px){.pdp-cyl{margin-top:120px;margin-bottom:120px}.pdp-cyl__title{margin-bottom:20px;font-size:16px}.complete-look-btn{line-height:20px;margin:36px auto 0}}.look-drawer__body{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.look-drawer__body::-webkit-scrollbar{display:none}.look-drawer .svg-icon{width:24px;height:24px}body.look-drawer-open{overflow:hidden}body.look-drawer-open .quick-add-overlay{z-index:102}body.look-drawer-open .quick-add-drawer{z-index:103}body.look-drawer-open .brn-minicart__sheet__backdrop{z-index:104}body.look-drawer-open .brn-minicart__sheet{z-index:105}.look-drawer-root{display:block}.look-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.look-drawer-root[open] .look-drawer__overlay{opacity:1;visibility:visible}.look-drawer{position:fixed;top:0;right:0;z-index:101;display:flex;flex-direction:column;width:100%;max-width:480px;height:100%;background:var(--color-background, #fff);transform:translate(100%);transition:transform .3s cubic-bezier(.12,.67,.53,1)}.look-drawer-root[open] .look-drawer{transform:translate(0)}.look-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 12px}.look-drawer__title{font-size:14px;font-style:normal;font-weight:400;line-height:150%;text-transform:uppercase;padding:0 16px;margin:0}.look-drawer__title--step-2-mobile,.look-drawer__title--step-2-desktop,.is-step-2 .look-drawer__title{display:none}.is-step-2 .look-drawer__title--step-2-mobile{display:block}.look-drawer__close,.look-drawer__back{display:flex;padding:0;border:none;background:none;cursor:pointer}.look-drawer__close{margin-left:auto}.is-step-2 .look-drawer__close{margin-left:0}.look-drawer__back,.look-drawer__back .svg-icon,.look-drawer__back svg path{color:#2a2a2a;stroke:#2a2a2a}.look-drawer__back{display:none}.look-drawer-root.is-step-2 .look-drawer__back{display:flex}.look-drawer__body{display:flex;flex:1;flex-direction:column;gap:20px;padding:20px 16px;overflow-y:auto}.look-row__title{margin:0 0 8px;font-size:13px;font-style:normal;font-weight:400;line-height:150%}.look-row__options{--gap: 2px;--cols: 5;display:flex;gap:var(--gap);margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.look-row__options::-webkit-scrollbar{display:none}.look-row__option{flex:0 0 auto;width:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;display:flex;flex-direction:column;cursor:pointer}.look-row__option>color-swatch,.look-row__option .brn-card{display:block;width:100%;min-width:0}.look-drawer-root:not(.is-step-2) .look-row__option .brn-card__footer,.look-drawer-root:not(.is-step-2) .look-row__option .add__to__cart,.look-drawer-root:not(.is-step-2) .look-row__option .add__to__cart--desktop{display:none!important}.look-drawer-root:not(.is-step-2) .look-row__option .card-gallery__prev,.look-drawer-root:not(.is-step-2) .look-row__option .card-gallery__next{display:none!important}.look-drawer-root:not(.is-step-2) .look-row__option .card-gallery__track{overflow-x:hidden}.look-drawer-root:not(.is-step-2) .look-row__option .brn-card__picture{aspect-ratio:var(--picture-aspect-ratio, var(--aspect-ratio-portait, .67))}.look-row__indicator{display:none;align-self:center;width:4px;height:1px;margin-top:12px;background:#2a2a2a}.look-drawer-root:not(.is-step-2) .look-row__option.is-selected .look-row__indicator{display:block}.look-drawer-root.is-step-2 .look-drawer__body{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding-left:0;padding-right:0}.look-drawer-root.is-step-2 .look-row__title{display:none}.look-drawer-root.is-step-2 .look-row__options{display:block;overflow:visible}.look-drawer-root.is-step-2 .look-row__option{width:100%}.look-drawer-root.is-step-2 .look-row__option:not(.is-selected){display:none}.look-drawer__footer{padding:16px 24px;border-top:1px solid var(--color-border, #eee);background:var(--color-background, #fff)}.look-drawer-root.is-step-2 .look-drawer__footer{display:none}.look-drawer__continue{display:block;width:100%;padding:12px 24px;border:1px solid #2a2a2a;border-radius:0;background:#2a2a2a;color:#fff;font-size:14px;font-weight:500;cursor:pointer}@media(min-width:1024px){.look-drawer__title{font-size:16px;padding:0 24px}.is-step-2 .look-drawer__title--step-2-mobile{display:none}.is-step-2 .look-drawer__title--step-2-desktop{display:block}.look-drawer__body{padding:20px 24px}}
/*# sourceMappingURL=/cdn/shop/t/153/compiled_assets/styles.css.map */