.lfav{--lf-cream: #fbf7ee;--lf-ink: #10301f;--lf-muted: #4c5850;--lf-pine: #1f4b35;--lf-display: var(--font-heading-family, Georgia, serif);--lf-body: var(--font-body-family, system-ui, sans-serif);--lf-gutter: clamp(16px, 3vw, 40px);--lf-leaf-pad: 0px;--lfav-per: 2.3;--lfav-gap: 18px;--lfav-pad-inline: 16px;--lfav-pad-top: 26px;--lshelf-plank-top: 10px;--lshelf-plank-front: 14px;--lshelf-plank-shadow: 18px;--lfav-pad-bottom: calc(var(--lshelf-plank-shadow) + var(--lshelf-plank-front) + var(--lshelf-plank-top) * .5);--lfav-slot: calc((100cqi - (var(--lfav-per) - 1) * var(--lfav-gap)) / var(--lfav-per));position:relative;isolation:isolate;display:block;overflow:hidden;padding:36px 0 28px;background:var(--lf-cream);color:var(--lf-ink);font-family:var(--lf-body)}.lfav *,.lfav *:before,.lfav *:after{box-sizing:border-box}.lfav:before,.lfav:after{content:"";position:absolute;z-index:0;top:-40px;bottom:-40px;display:none;width:88px;background-image:var(--lfav-leaves);background-repeat:repeat-y;background-size:88px auto;opacity:.5;pointer-events:none}.lfav:before{left:-26px}.lfav:after{right:-26px;transform:scaleX(-1)}.lfav__wrap{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:0 calc(var(--lf-gutter) + var(--lf-leaf-pad))}.lfav__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 32px}.lfav__head-text{display:flex;flex-direction:column;gap:8px;min-width:0}.lfav__title{margin:0;color:var(--lf-ink);font-family:var(--lf-display);font-weight:700;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.015em}.lfav__copy{max-width:58ch;margin:0;color:var(--lf-muted);font-size:16px;line-height:1.5}.lfav__all{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--lf-pine);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.lfav__all svg{transition:transform .15s ease}.lfav__all:hover svg{transform:translate(3px)}.lfav__all:focus-visible{outline:2px solid var(--lf-pine);outline-offset:3px;border-radius:4px}.lfav__shelf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"stage stage stage" "prev dots next";align-items:center;gap:4px 8px}.lfav[data-fits] .lfav__shelf{column-gap:0}.lfav__stage{grid-area:stage;position:relative;min-width:0}.lfav__track{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--lfav-gap);margin:0;padding:var(--lfav-pad-top) var(--lfav-pad-inline) var(--lfav-pad-bottom);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lfav-pad-inline);scrollbar-width:none;container-type:inline-size;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6px,#000 calc(100% - 16px),transparent 100%)}.lfav__track::-webkit-scrollbar{display:none}.lfav__item{--bw-max: calc(var(--lfav-slot) - 12px);--bh: min(260px, calc(var(--bw-max) / .7));display:flex;flex:0 0 var(--lfav-slot);align-items:flex-end;justify-content:center;min-width:0;scroll-snap-align:start}.lfav__link{display:block;border-radius:4px;color:inherit;-webkit-tap-highlight-color:transparent}.lfav__link:focus-visible{outline:3px solid var(--lf-ink);outline-offset:5px}.lfav__item:hover .lbook:not(.lbook--item) .lbook__body,.lfav__item:focus-within .lbook:not(.lbook--item) .lbook__body{transform:rotateY(calc(var(--lshelf-tilt, -14deg) - 14deg)) translateZ(14px)}.lfav__item:hover .lbook__front,.lfav__item:focus-within .lbook__front{transform:translateZ(calc(var(--t) / 2)) rotateY(calc(var(--open) * -1))}.lfav__item:hover .lbook__back,.lfav__item:focus-within .lbook__back{box-shadow:26px 12px 34px -6px #2e1c0861,6px 4px 10px #2e1c0829}.lfav .lfav__plank{--pl: 0px;--pr: 0px;--cap-l: 1;--cap-r: 1;z-index:0;bottom:0}.lfav__arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(16,48,31,.22);border-radius:50%;background:#fff;color:var(--lf-pine);box-shadow:0 8px 16px -10px #10301f8c;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.lfav__arrow--prev{grid-area:prev}.lfav__arrow--next{grid-area:next}.lfav__arrow:hover:not([aria-disabled=true]){border-color:var(--lf-pine);background:var(--lf-pine);color:#fff}.lfav__arrow:focus-visible{outline:3px solid var(--lf-ink);outline-offset:3px}.lfav__arrow[aria-disabled=true]{opacity:.4;box-shadow:none;cursor:default}.lfav__arrow[hidden],.lfav__dots[hidden]{display:none}.lfav__dots{grid-area:dots;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:24px}.lfav__dot{position:relative;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.lfav__dot:before{content:"";position:absolute;top:7px;left:7px;width:10px;height:10px;border-radius:999px;background:#10301f8c;transition:width .2s ease,background-color .2s ease}.lfav__dot[aria-current=true]{width:38px}.lfav__dot[aria-current=true]:before{width:24px;background:var(--lf-ink)}.lfav__dot:focus-visible{outline:2px solid var(--lf-ink);outline-offset:0;border-radius:999px}.lfav__empty{margin:24px 0 0;padding:18px 20px;border:1px dashed rgba(16,48,31,.35);border-radius:18px;color:var(--lf-muted);font-size:16px}@media(min-width:750px){.lfav{--lfav-per: 3;--lfav-gap: 24px;--lfav-pad-inline: 16px;--lshelf-plank-top: 14px;--lshelf-plank-front: 22px;--lshelf-plank-shadow: 26px;padding:52px 0 40px}.lfav__shelf{grid-template-areas:"prev stage next" "dots dots dots";gap:6px 14px}.lfav__arrow{width:46px;height:46px;margin-bottom:calc(var(--lfav-pad-bottom) - var(--lfav-pad-top))}}@media(min-width:990px){.lfav{--lfav-per: 4;--lfav-gap: 28px;--lfav-pad-inline: 18px;--lf-leaf-pad: 40px}.lfav:before,.lfav:after{display:block}}@media(min-width:1200px){.lfav{--lfav-per: 5;--lfav-gap: 32px}}@media(min-width:1440px){.lfav{--lfav-per: 6}}@media(prefers-reduced-motion:reduce){.lfav__track{scroll-behavior:auto}.lfav__arrow,.lfav__dot:before,.lfav__all svg,.lfav__item .lbook__body,.lfav__item .lbook__front,.lfav__item .lbook__back{transition:none}.lfav__item:hover .lbook:not(.lbook--item) .lbook__body,.lfav__item:focus-within .lbook:not(.lbook--item) .lbook__body{transform:rotateY(var(--lshelf-tilt, -14deg))}.lfav__item:hover .lbook__front,.lfav__item:focus-within .lbook__front{transform:translateZ(calc(var(--t) / 2))}.lfav__all:hover svg{transform:none}}@media(forced-colors:active){.lfav:before,.lfav:after{display:none}.lfav__track{padding-bottom:10px;border-bottom:3px solid CanvasText}.lfav__arrow{border:1px solid ButtonText}.lfav__arrow[aria-disabled=true]{border-color:GrayText;color:GrayText;opacity:1}.lfav__dot:before{forced-color-adjust:none;background:CanvasText}.lfav__dot[aria-current=true]:before{background:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/lulo-home-favorites.css.map */