.lucien-monthly-cards,.lucien-monthly-cards *{box-sizing:border-box}.lucien-monthly-cards{--monthly-cards-font-primary: Roboto, var(--font-body-family), Arial, sans-serif;--monthly-cards-title-desktop: 45px;--monthly-cards-title-mobile: 33px;--monthly-cards-card-title-desktop: 18px;--monthly-cards-card-title-mobile: 16px;--monthly-cards-text-desktop: 16px;--monthly-cards-text-mobile: 12px;--monthly-cards-section-x-desktop: 60px;--monthly-cards-section-x-mobile: 20px;--monthly-cards-gap-desktop: 24px;--monthly-cards-gap-mobile: 16px;--monthly-cards-desktop-peek: 88px;--monthly-cards-card-width-desktop: clamp(340px, calc((100vw - var(--monthly-cards-section-x-desktop) - (var(--monthly-cards-gap-desktop) * 3) - var(--monthly-cards-desktop-peek)) / 3), 550px);--monthly-cards-card-width-mobile: 260px;--monthly-cards-image-height-desktop: calc(var(--monthly-cards-card-width-desktop) * 680 / 550);--monthly-cards-body-height-desktop: 130px;--monthly-cards-card-height-desktop: calc(var(--monthly-cards-image-height-desktop) + var(--monthly-cards-body-height-desktop));--monthly-cards-image-height-mobile: 350px;--monthly-cards-body-height-mobile: 120px;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;color:var(--monthly-cards-text);background:var(--monthly-cards-bg);font-family:var(--monthly-cards-font-primary)}.lucien-monthly-cards__inner{display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;padding:var(--monthly-cards-padding-top-mobile, 31px) 0 var(--monthly-cards-padding-bottom-mobile, 60px)}.lucien-monthly-cards__title{max-width:330px;margin:0 auto 46px;padding:0 var(--monthly-cards-section-x-mobile);color:inherit;font-family:var(--monthly-cards-font-primary);font-size:var(--monthly-cards-title-mobile);font-weight:700;line-height:1.02;letter-spacing:-.02em;text-align:center;text-transform:uppercase}.lucien-monthly-cards__viewport{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;scroll-behavior:smooth;scroll-padding-inline:var(--monthly-cards-section-x-mobile);scroll-snap-type:x mandatory;scrollbar-width:none}.lucien-monthly-cards__viewport::-webkit-scrollbar{display:none}.lucien-monthly-cards__viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.lucien-monthly-cards__track{display:flex;gap:var(--monthly-cards-gap-mobile);width:max-content;padding:0 var(--monthly-cards-section-x-mobile) 1px}.lucien-monthly-cards__card{flex:0 0 min(var(--monthly-cards-card-width-mobile),calc(100vw - (var(--monthly-cards-section-x-mobile) * 2)));height:470px;min-width:0;overflow:hidden;color:inherit;background:var(--monthly-cards-card-bg);border:1px solid var(--monthly-cards-border);scroll-snap-align:start}.lucien-monthly-cards__media{width:100%;height:var(--monthly-cards-image-height-mobile);overflow:hidden;background:var(--lucien-beige-1)}.lucien-monthly-cards__image,.lucien-monthly-cards__placeholder{display:block;width:100%;height:100%}.lucien-monthly-cards__media-button{display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden;color:inherit;background:transparent;border:0;font:inherit;cursor:zoom-in;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.lucien-monthly-cards__image{object-fit:cover;object-position:center;pointer-events:none;transition:transform .52s cubic-bezier(.22,1,.36,1);transform:scale(1);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lucien-monthly-cards__placeholder{fill:var(--lucien-vert-3);background:var(--lucien-beige-1)}.lucien-monthly-cards__body{display:flex;flex-direction:column;justify-content:center;min-height:var(--monthly-cards-body-height-mobile);padding:18px 20px 17px;text-align:center}.lucien-monthly-cards__card-title{margin:0;color:inherit;font-family:var(--monthly-cards-font-primary);font-size:var(--monthly-cards-card-title-mobile);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.lucien-monthly-cards__text{margin-top:12px;color:inherit;font-family:var(--monthly-cards-font-primary);font-size:var(--monthly-cards-text-mobile);font-weight:400;line-height:1.05}.lucien-monthly-cards__text p{margin:0}html.lucien-monthly-cards-zoom-open,body.lucien-monthly-cards-zoom-open{overflow:hidden}.lucien-monthly-cards-zoom,.lucien-monthly-cards-zoom *{box-sizing:border-box}.lucien-monthly-cards-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:block!important;padding:0;background:#10180d8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lucien-monthly-cards-zoom[hidden]{display:none!important}.lucien-monthly-cards-zoom__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,#fffbf41f,#10180d00 42%),#10180d8a}.lucien-monthly-cards-zoom__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:transparent;border:0}.lucien-monthly-cards-zoom__viewport{position:relative;display:grid;flex:1 1 auto;width:100%;height:100%;min-height:0;overflow:hidden;place-items:center;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none}.lucien-monthly-cards-zoom__viewport.is-zoomed{cursor:grab}.lucien-monthly-cards-zoom__viewport.is-panning{cursor:grabbing}.lucien-monthly-cards-zoom__image{display:block;width:auto;height:auto;max-width:92%;max-height:92%;object-fit:contain;transform:translate3d(var(--zoom-x, 0px),var(--zoom-y, 0px),0) scale(var(--zoom-scale, 1));transform-origin:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.lucien-monthly-cards-zoom__close{position:absolute;top:22px;right:22px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.4);border-radius:50%;line-height:1;font:inherit;-webkit-appearance:none;appearance:none;flex:0 0 44px;min-width:44px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.lucien-monthly-cards-zoom__close:before,.lucien-monthly-cards-zoom__close:after{content:"";position:absolute;width:18px;height:2px;top:50%;left:50%;background:currentColor;border-radius:999px;transform-origin:center}.lucien-monthly-cards-zoom__close:before{transform:translate(-50%,-50%) rotate(45deg)}.lucien-monthly-cards-zoom__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.lucien-monthly-cards-zoom__close:hover,.lucien-monthly-cards-zoom__close:focus-visible{background:#fff3;border-color:#ffffffc7;transform:translateY(-1px)}@media screen and (min-width:750px){.lucien-monthly-cards{--monthly-cards-viewport-height-desktop: 100vh;--monthly-cards-title-block-desktop: 86.8px ;--monthly-cards-available-card-height-desktop: calc(var(--monthly-cards-viewport-height-desktop) - var(--monthly-cards-padding-top-desktop, 60px) - var(--monthly-cards-padding-bottom-desktop, 60px) - var(--monthly-cards-title-block-desktop) - 1px);--monthly-cards-card-height-active-desktop: min(var(--monthly-cards-card-height-desktop), var(--monthly-cards-available-card-height-desktop));--monthly-cards-image-height-active-desktop: max(0px, calc(var(--monthly-cards-card-height-active-desktop) - var(--monthly-cards-body-height-desktop)));height:100vh;min-height:0}@supports (height: 100svh){.lucien-monthly-cards{--monthly-cards-viewport-height-desktop: 100svh;height:100svh}}@supports (height: 100dvh){.lucien-monthly-cards{--monthly-cards-viewport-height-desktop: 100dvh;height:100dvh}}.lucien-monthly-cards__media-button{cursor:grab}.lucien-monthly-cards__viewport.is-dragging .lucien-monthly-cards__media-button{cursor:grabbing}.lucien-monthly-cards__inner{height:100%;min-height:0;padding:var(--monthly-cards-padding-top-desktop, 60px) 0 var(--monthly-cards-padding-bottom-desktop, 60px)}.lucien-monthly-cards__title{max-width:none;margin:0 0 46px var(--monthly-cards-section-x-desktop);padding:0;font-size:40px;text-align:left;font-weight:700;white-space:nowrap}.lucien-monthly-cards__title br{display:none}.lucien-monthly-cards__viewport{width:100%;min-height:0;margin-left:0;scroll-padding-inline:var(--monthly-cards-section-x-desktop)}.lucien-monthly-cards__track{gap:var(--monthly-cards-gap-desktop);padding:0 var(--monthly-cards-section-x-desktop) 1px}.lucien-monthly-cards__card{display:flex;flex-direction:column;flex-basis:var(--monthly-cards-card-width-desktop);height:var(--monthly-cards-card-height-active-desktop)}.lucien-monthly-cards__media{flex:0 0 var(--monthly-cards-image-height-active-desktop);height:var(--monthly-cards-image-height-active-desktop)}.lucien-monthly-cards__body{flex:1 1 auto;min-height:var(--monthly-cards-body-height-desktop);padding:18px 22px 17px}.lucien-monthly-cards__card-title{font-size:var(--monthly-cards-card-title-desktop)}.lucien-monthly-cards__text{margin-top:12px;font-size:var(--monthly-cards-text-desktop);line-height:1.08;overflow-wrap:break-word}.lucien-monthly-cards-zoom__viewport{padding:72px 56px 56px}.lucien-monthly-cards-zoom__image{max-width:min(82vw,1120px);max-height:calc(100vh - 144px);max-height:calc(100svh - 144px);max-height:calc(100dvh - 144px)}}@media(prefers-reduced-motion:no-preference){.lucien-monthly-cards__card{transition:transform .26s ease}.lucien-monthly-cards__card:hover{transform:translateY(-2px)}.lucien-monthly-cards__card:hover .lucien-monthly-cards__image,.lucien-monthly-cards__media-button:hover .lucien-monthly-cards__image{transform:scale(1.035)}.lucien-monthly-cards__viewport.is-dragging .lucien-monthly-cards__card{transition:none}}@media(prefers-reduced-motion:reduce){.lucien-monthly-cards__image{transition:none}.lucien-monthly-cards__card:hover .lucien-monthly-cards__image,.lucien-monthly-cards__media-button:hover .lucien-monthly-cards__image{transform:none}}@media screen and (max-width:749px){.lucien-monthly-cards,.lucien-monthly-cards__inner{min-height:0}.lucien-monthly-cards-zoom__close{top:14px;right:14px;width:40px;height:40px;flex-basis:40px;min-width:40px}.lucien-monthly-cards-zoom__close:before,.lucien-monthly-cards-zoom__close:after{width:16px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/lucien-monthly-cards.css.map */