.baf-ugc{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0 0 32px;color:var(--brown, #4c443f);font-family:var(--baf-text-family, var(--font-body--family))}.baf-ugc__header{margin:0 0 20px;text-align:center}.baf-ugc__title{margin:0;color:var(--brown, #4c443f);font-family:var(--baf-display-family, "display", serif);font-size:32px;font-weight:var(--baf-display-weight, 400);line-height:1.08;letter-spacing:0;text-transform:none;text-wrap:balance}.baf-ugc__subtitle{max-width:34em;margin:10px auto 0;color:inherit;font-size:14px;line-height:1.4;text-wrap:pretty}.baf-ugc__track{box-sizing:border-box;display:grid;grid-auto-flow:column;grid-auto-columns:82%;align-items:start;gap:14px;width:100%;max-width:100%;min-width:0;padding:4px 0 8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--brown, #4c443f) transparent;-webkit-overflow-scrolling:touch}.baf-ugc[data-ugc-ready] .baf-ugc__track{scrollbar-width:none}.baf-ugc[data-ugc-ready] .baf-ugc__track::-webkit-scrollbar{display:none}.baf-ugc__card{min-width:0;margin:0;scroll-snap-align:start}.baf-ugc__card>a{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:24px;background:var(--cream, #f3eddf);color:inherit;cursor:zoom-in}.baf-ugc__card img{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:contain}.baf-ugc__card figcaption{margin-top:10px;color:var(--brown, #4c443f);font-family:var(--baf-text-family, "Inter", sans-serif);font-size:16px;font-weight:var(--baf-text-weight, 400);line-height:1.25;text-align:center}.baf-ugc__controls,.baf-ugc-dialog__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.baf-ugc:not([data-ugc-ready]) .baf-ugc__controls{display:none}.baf-ugc__button,.baf-ugc-dialog__button,.baf-ugc-dialog__close{box-sizing:border-box;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--cream, #f3eddf);color:var(--brown, #4c443f);cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.baf-ugc__button:before,.baf-ugc-dialog__button:before{content:"";width:9px;height:9px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:translate(-2px) rotate(45deg)}.baf-ugc__button[data-ugc-prev]:before,.baf-ugc-dialog__button--previous:before{transform:translate(2px) rotate(-135deg)}.baf-ugc__button:disabled,.baf-ugc-dialog__button:disabled{opacity:.35;cursor:default}.baf-ugc__alias-note{margin:12px 0 0;color:inherit;font-size:12px;line-height:1.35;text-align:center;opacity:.72}.baf-ugc__track:focus-visible,.baf-ugc__card>a:focus-visible,.baf-ugc__button:focus-visible,.baf-ugc-dialog button:focus-visible{outline:2px solid var(--green, #899800);outline-offset:3px}.baf-ugc__card>a:focus-visible{outline-offset:-4px}.baf-ugc--home{margin-bottom:0}.baf-ugc--home .baf-ugc__header{padding-inline:24px;margin-bottom:28px}.baf-ugc--home .baf-ugc__track{grid-auto-columns:min(82%,320px);padding-inline:24px;scroll-padding-inline:24px}@media(hover:hover){.baf-ugc__button:hover:not(:disabled),.baf-ugc-dialog__button:hover:not(:disabled),.baf-ugc-dialog__close:hover{background:var(--green, #899800);color:var(--beige, #fffaf1)}}body.baf-ugc-dialog-open{overflow:hidden}.baf-ugc-dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:90vh;max-height:90dvh;margin:auto;padding:28px;overflow-x:hidden;overflow-y:auto;border:0;border-radius:28px;background:var(--beige, #fffaf1);color:var(--brown, #4c443f);box-shadow:0 24px 80px #3a2f293d;font-family:var(--baf-text-family, var(--font-body--family));font-size:14px;line-height:1.35;transform:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brown, #4c443f) 28%,transparent) transparent;-webkit-overflow-scrolling:touch}.baf-ugc-dialog::backdrop{background:var(--baf-popup-backdrop, rgb(255 255 255 / 81%))}.baf-ugc-dialog__close{position:absolute;z-index:3;top:18px;right:18px}.baf-ugc-dialog__close-icon{font-family:Arial,sans-serif;font-size:27px;font-weight:400;line-height:1}.baf-ugc-dialog__header{margin-bottom:18px;padding-right:48px}.baf-ugc-dialog__eyebrow{margin:0 0 5px;font-size:12px;line-height:1.3}.baf-ugc-dialog__title{margin:0;color:var(--brown, #4c443f);font-family:var(--baf-display-family, "display", serif);font-size:32px;font-weight:var(--baf-display-weight, 400);line-height:1.08;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.baf-ugc-dialog__note{margin:7px 0 0;font-size:12px;line-height:1.35;opacity:.72}.baf-ugc-dialog__media{position:relative;width:100%;max-height:68vh;max-height:68dvh;min-height:180px;aspect-ratio:4 / 5;overflow:hidden;border-radius:20px;background:var(--cream, #f3eddf)}.baf-ugc-dialog__image,.baf-ugc-dialog__preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.baf-ugc-dialog__preview{opacity:.55}.baf-ugc-dialog__image{opacity:0;transition:opacity .16s ease}.baf-ugc-dialog__image.is-ready{opacity:1}.baf-ugc-dialog__media.is-loading:after{content:"";position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;border:2px solid var(--purple, #dbdbff);border-top-color:var(--brown, #4c443f);border-radius:50%;animation:baf-ugc-loading .9s linear infinite}.baf-ugc-dialog__status{position:absolute;right:14px;bottom:14px;left:14px;width:fit-content;max-width:calc(100% - 28px);margin:0 auto;padding:8px 12px;border-radius:12px;background:var(--beige, #fffaf1);font-size:14px;line-height:1.35;text-align:center}.baf-ugc-dialog__status--error{top:50%;bottom:auto;transform:translateY(-50%)}.baf-ugc-dialog__controls{margin-top:18px}.baf-ugc-dialog__counter{min-width:100px;margin:0;font-size:14px;line-height:1.3;text-align:center}.baf-ugc-dialog [hidden]{display:none}@keyframes baf-ugc-loading{to{transform:rotate(360deg)}}@media(min-width:750px){.baf-ugc--home .baf-ugc__track{grid-auto-columns:240px;gap:20px;padding-inline:40px;scroll-padding-inline:40px}.baf-ugc__title{font-size:36px}.baf-ugc__track{grid-auto-columns:calc((100% - 16px) / 2.15);gap:16px}.baf-ugc__card>a{border-radius:28px}}@media(max-width:599px){.baf-ugc-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:20px;border-radius:24px}.baf-ugc-dialog__close{top:14px;right:14px}}@media(prefers-reduced-motion:reduce){.baf-ugc__button,.baf-ugc-dialog__button,.baf-ugc-dialog__close,.baf-ugc-dialog__image{transition:none}.baf-ugc-dialog__media.is-loading:after{animation:none}}.baf-ugc-dialog__body{display:contents}.baf-ugc-dialog.baf-ugc-dialog--sheet{inset:auto 0 0;width:min(560px,100%);max-width:100%;max-height:min(90dvh,calc(100dvh - env(safe-area-inset-top,0px) - 16px));margin:0 auto;padding:0;overflow:hidden;border-radius:28px 28px 0 0;box-shadow:0 -8px 40px #0002}.baf-ugc-dialog--sheet[open]{display:flex;flex-direction:column;animation:baf-ugc-sheet-in .24s cubic-bezier(.22,1,.36,1)}.baf-ugc-dialog--sheet::backdrop{background:#00000061}.baf-ugc-dialog--sheet .baf-ugc-dialog__header{flex-shrink:0;margin:0;padding:24px 76px 16px 24px}.baf-ugc-dialog--sheet .baf-ugc-dialog__close{top:20px;right:20px;border:0;background:none;color:var(--brown, #4c443f)}.baf-ugc-dialog--sheet .baf-ugc-dialog__body{display:block;flex:1 1 auto;min-height:0;padding:0 24px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html:has(.baf-ugc-dialog--sheet[open]),body:has(.baf-ugc-dialog--sheet[open]){overflow:hidden;overscroll-behavior:none}@keyframes baf-ugc-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:749px){.baf-ugc-dialog.baf-ugc-dialog--sheet{width:100%}.baf-ugc-dialog--sheet .baf-ugc-dialog__header{padding:20px 72px 12px 20px}.baf-ugc-dialog--sheet .baf-ugc-dialog__close{top:16px;right:16px}.baf-ugc-dialog--sheet .baf-ugc-dialog__body{padding:0 20px calc(20px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.baf-ugc-dialog--sheet[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/baf-ugc-gallery.css.map */