.yuelu-films{color:#121212}.yuelu-films__inner{display:block;width:min(var(--films-width),calc(100% - var(--films-gutter) * 2));margin-inline:auto;border-top:1px solid #e9e7e2;padding-top:28px}.yuelu-films__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.yuelu-films__intro{min-width:0}.yuelu-films__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--films-title, 32px);line-height:1.2;font-weight:600;letter-spacing:-.035em}.yuelu-films__description{margin:10px 0 0;font-size:var(--films-description, 14px);line-height:1.5;letter-spacing:0}.yuelu-films__tools{display:flex;align-items:center;gap:16px;flex-shrink:0}.yuelu-films__count{display:flex;align-items:center;gap:8px;color:#70706a;font-size:12px;letter-spacing:.02em;white-space:nowrap}.yuelu-films__count:before{content:"";width:6px;height:6px;background:#e4c957;border-radius:50%}.yuelu-films__view-all,.yuelu-films__return{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:5px 0;border:0;background:transparent;color:#121212;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;white-space:nowrap}.yuelu-films__view-all{border-bottom:1px solid #e4c957}.yuelu-films__view-all span{font-size:16px}.yuelu-films__navigation{display:flex;gap:6px}.yuelu-films [hidden]{display:none!important}.yuelu-films__arrow,.yuelu-films__close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e4e3df;border-radius:50%;background:#fff;color:#121212;padding:0;cursor:pointer;transition:background .2s,opacity .2s}.yuelu-films__arrow svg,.yuelu-films__close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.yuelu-films__arrow:disabled{opacity:.3;cursor:default}.yuelu-films__arrow:hover:not(:disabled),.yuelu-films__close:hover{background:#f8f7f3}.yuelu-films__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 70px) / 6);align-items:start;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;padding:3px 0;margin:0}.yuelu-films__rail::-webkit-scrollbar{display:none}.yuelu-films__card{min-width:0;scroll-snap-align:start}.yuelu-films__open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;border-radius:9px}.yuelu-films__open:disabled{cursor:default;opacity:.55}.yuelu-films__cover{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;border-radius:9px;background:#f3f1eb;isolation:isolate;box-shadow:inset 0 0 0 1px #1212120d}.yuelu-films__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.yuelu-films__play{display:grid;place-items:center;position:absolute;inset-inline-start:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:#fce477;color:#121212;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.yuelu-films__play svg{width:16px;height:16px;fill:currentColor}.yuelu-films__caption{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin-top:11px;font-size:12px;line-height:1.45;letter-spacing:0}.yuelu-films__caption>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yuelu-films__number{color:#8a8982;font-size:10px;font-variant-numeric:tabular-nums}.yuelu-films button:focus-visible{outline:2px solid #121212;outline-offset:-2px}@media(hover:hover){.yuelu-films__open:hover:not(:disabled) .yuelu-films__image{transform:scale(1.025)}.yuelu-films__open:hover:not(:disabled) .yuelu-films__play{transform:scale(1.07)}}.yuelu-films__dialog{width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:12px;border:0;border-radius:12px;background:#fff;color:#121212;overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 80px #0003}.yuelu-films__dialog[data-state=library]{width:min(960px,calc(100vw - 32px));overflow:hidden}.yuelu-films__dialog::backdrop{background:#121212bd}.yuelu-films__dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 12px 4px}.yuelu-films__dialog-title{flex:1;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:1.4}.yuelu-films__return{flex-shrink:0;color:#5e5d57}.yuelu-films__close{flex-shrink:0}.yuelu-films__video{display:block;max-width:min(880px,calc(100vw - 56px));max-height:min(72dvh,760px);width:auto;height:auto;margin-inline:auto;border-radius:6px;background:#121212}.yuelu-films__error{max-width:320px;padding:12px;margin:0;font-size:14px;line-height:1.5}.yuelu-films__library{max-height:min(70dvh,calc(100dvh - 112px));overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin}.yuelu-films__library-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px;list-style:none;margin:0;padding:0}.yuelu-films__library-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px}.yuelu-films__progress{margin:0;color:#70706a;font-size:12px}.yuelu-films__load-more{padding:10px 24px;border:1px solid #e8d372;border-radius:6px;background:#fce477;color:#121212;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}@media(min-width:990px){.yuelu-films__rail{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;row-gap:22px;overflow:visible;scroll-snap-type:none}}@media(min-width:750px)and (max-width:989px){.yuelu-films__rail{grid-auto-columns:calc((100% - 42px)/4)}.yuelu-films__library-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:749px){.yuelu-films__inner{padding-top:22px}.yuelu-films__header{align-items:flex-start;gap:14px;margin-bottom:18px}.yuelu-films__title{font-size:var(--films-title-mobile, 26px);letter-spacing:-.03em}.yuelu-films__description{font-size:var(--films-description-mobile, 13px);margin-top:8px;max-width:245px}.yuelu-films__tools{flex-direction:column;align-items:flex-end;gap:10px;padding-top:3px}.yuelu-films__count{font-size:10px;gap:6px}.yuelu-films__view-all{font-size:11px;gap:5px}.yuelu-films__arrow{width:30px;height:30px}.yuelu-films__rail{grid-auto-columns:148px;gap:12px}.yuelu-films__caption{font-size:11px;margin-top:9px}.yuelu-films__play{width:32px;height:32px;inset-inline-start:10px;bottom:10px}.yuelu-films__library-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.yuelu-films__dialog-header{flex-wrap:wrap;gap:8px}.yuelu-films__return{order:3;flex-basis:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.yuelu-films *,.yuelu-films *:before{transition:none!important;scroll-behavior:auto!important}}.wc-section{background:#fff;padding-top:0;padding-bottom:24px}.wc-container{box-sizing:border-box;width:100%}@media screen and (min-width:749px)and (max-width:990px){.wc-container.page-width{padding:0 5rem}}.wc-heading{margin:0 0 20px;text-align:left}yuelu-watercolor-comparison{display:block}.wc-stage{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;isolation:isolate;border-radius:10px;background:#f1e8d8;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.wc-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none}.wc-paper-shadow,.wc-paper-finish,.wc-artwork{position:absolute;left:34.5%;top:6%;width:31%;height:88%}.wc-stage .wc-paper-shadow{display:block;background:#f9f5ec;box-shadow:1px 2px 1px #5c432733,3px 6px 5px #5b41242b,8px 14px 16px #5b412426,14px 24px 30px #5b412417;pointer-events:none}.wc-paper-shadow:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(.5px,1.5px);background:#dfd7c8;content:""}.wc-artwork{display:block;max-width:none;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-drag:none}.wc-before-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--wc-split, 50%));pointer-events:none}.wc-stage .wc-paper-finish{display:block;box-sizing:border-box;border-top:1px solid rgb(255 255 255 / 72%);border-left:1px solid rgb(255 255 255 / 42%);border-right:1px solid rgb(135 111 79 / 13%);border-bottom:1px solid rgb(135 111 79 / 16%);background:linear-gradient(135deg,rgb(255 248 230 / 4%),transparent 45%,rgb(143 110 69 / 2%));pointer-events:none}.wc-hand{position:absolute;left:11%;top:18%;display:block;width:82%;height:82%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-drag:none}.wc-divider{position:absolute;top:0;bottom:0;left:var(--wc-split, 50%);display:flex;align-items:center;justify-content:center;width:4px;transform:translate(-50%);background:#fff;pointer-events:none}.wc-handle{display:flex;flex:0 0 38px;width:38px;height:64px;align-items:center;justify-content:center;border-radius:20px;background:#fff;box-shadow:0 2px 6px #4d37211f}.wc-stage:has(.wc-range:focus-visible):not(.wc-pointer-interaction) .wc-handle{outline:2px solid #96764d;outline-offset:3px;box-shadow:0 0 0 5px #ffffffd9,0 2px 6px #4d37211f}.wc-handle svg{display:block}.wc-range{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.wc-range:focus,.wc-range:focus-visible{outline:none;box-shadow:none}@media screen and (max-width:749px){.wc-heading{margin-bottom:16px}}@media screen and (max-width:767px){.wc-section{padding-bottom:20px}.wc-handle{flex-basis:30px;width:30px;height:46px}.wc-handle svg{width:14px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/56/compiled_assets/styles.css.map?subset=AAAAAAAAEAAI */