.dl-page-ugc-wall-with-upload-m{--ugc-green: #2b640b;display:block;width:100%;background:#f4f3ef;padding:0 120px;margin:0 0 120px}.dl-page-ugc-wall-with-upload-m__inner{display:flex;flex-direction:row;width:100%;margin:0 auto}.dl-page-ugc-wall-with-upload-m__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 60px 0 0;width:600px}.dl-page-ugc-wall-with-upload-m__title{margin:0;font-size:56px;font-weight:500;line-height:74px}.dl-page-ugc-wall-with-upload-m__description{margin-top:16px;font-size:24px;line-height:32px}.dl-page-ugc-wall-with-upload-m__note{margin-top:32px;color:#0009;font-size:20px;line-height:27px}.dl-page-ugc-wall-with-upload-m__description>:first-child,.dl-page-ugc-wall-with-upload-m__note>:first-child{margin-top:0}.dl-page-ugc-wall-with-upload-m__description>:last-child,.dl-page-ugc-wall-with-upload-m__note>:last-child{margin-bottom:0}.dl-page-ugc-wall-with-upload-m__share{min-height:48px;margin-top:64px;padding:10px 24px;border:0;border-radius:4px;color:#fff;background:var(--ugc-green);font-size:20px;font-weight:400;line-height:1;cursor:pointer}.dl-page-ugc-wall-with-upload-m__share:hover{background:#204d07}.dl-page-ugc-wall-with-upload-m__share:focus-visible,.dl-page-ugc-wall-with-upload-m__photo:focus-visible,.dl-page-ugc-wall-with-upload-m__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.dl-page-ugc-wall-with-upload-m__wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;min-width:0;height:930px;max-height:930px;padding:0;overflow:hidden}.dl-page-ugc-wall-with-upload-m__column{position:relative;min-width:0;height:100%;overflow:hidden}.dl-page-ugc-wall-with-upload-m__track,.dl-page-ugc-wall-with-upload-m__group{display:flex;flex-direction:column;gap:12px}.dl-page-ugc-wall-with-upload-m__track{width:100%}.dl-page-ugc-wall-with-upload-m__group{flex:none;width:100%}.dl-page-ugc-wall-with-upload-m.is-ugc-visible .dl-page-ugc-wall-with-upload-m__group{will-change:transform}.dl-page-ugc-wall-with-upload-m.is-ugc-modal-active .dl-page-ugc-wall-with-upload-m__group{animation-play-state:paused!important;will-change:auto!important}.dl-page-ugc-wall-with-upload-m__track[data-direction=down]>.dl-page-ugc-wall-with-upload-m__group{transform:translateY(calc(-1 * var(--ugc-loop-distance)))}.dl-page-ugc-wall-with-upload-m__track.is-animated[data-direction=up]>.dl-page-ugc-wall-with-upload-m__group{animation:dl-ugc-wall-scroll-up var(--ugc-loop-duration) linear infinite}.dl-page-ugc-wall-with-upload-m__track.is-animated[data-direction=down]>.dl-page-ugc-wall-with-upload-m__group{animation:dl-ugc-wall-scroll-down var(--ugc-loop-duration) linear infinite}.dl-page-ugc-wall-with-upload-m:not(.is-ugc-visible) .dl-page-ugc-wall-with-upload-m__group,.dl-page-ugc-wall-with-upload-m__column:has(:focus-visible) .dl-page-ugc-wall-with-upload-m__group{animation-play-state:paused!important}@media(hover:hover){.dl-page-ugc-wall-with-upload-m__column:hover .dl-page-ugc-wall-with-upload-m__group{animation-play-state:paused!important}}@keyframes dl-ugc-wall-scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--ugc-loop-distance)))}}@keyframes dl-ugc-wall-scroll-down{0%{transform:translateY(calc(-1 * var(--ugc-loop-distance)))}to{transform:translateY(0)}}.dl-page-ugc-wall-with-upload-m__photo{position:relative;display:block;width:100%;aspect-ratio:var(--ugc-aspect-ratio, auto);margin:0;padding:0;break-inside:avoid;border:0;border-radius:8px;overflow:hidden;background:#ccb58c;cursor:zoom-in;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dl-page-ugc-wall-with-upload-m__pet-name{position:absolute;z-index:1;right:0;bottom:0;box-sizing:border-box;width:100%;padding:64px 24px 24px;color:#fff;background:linear-gradient(180deg,#0000,#000);font-size:20px;font-weight:400;line-height:27px;text-align:right;pointer-events:none}.dl-page-ugc-wall-with-upload-m__image{display:block;width:100%;height:auto;-webkit-user-drag:none;transition:transform .3s ease}@media(hover:hover){.dl-page-ugc-wall-with-upload-m__photo:hover .dl-page-ugc-wall-with-upload-m__image{transform:scale(1.025)}}.dl-page-ugc-wall-with-upload-m__empty{box-sizing:border-box;width:100%;min-height:300px;margin:0;padding:40px 24px;border:1px dashed #9f9f9f;background:#eee;font-size:14px;line-height:1.5}.dl-page-ugc-wall-with-upload-m__modal[hidden]{display:none!important}.dl-page-ugc-wall-with-upload-m__modal{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:32px;background:#000000a8}.dl-page-ugc-wall-with-upload-m__modal-panel{position:relative;box-sizing:border-box;width:min(820px,100%);max-height:calc(100dvh - 64px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 18px 60px #00000040;overscroll-behavior:contain;padding:40px 120px}.dl-page-ugc-wall-with-upload-m__form{min-height:100px}.dl-page-ugc-wall-with-upload-m__form:empty:before{display:block;padding:40px 120px;color:#666;text-align:center;content:"Add a Shopify Forms app block to this section."}.dl-page-ugc-wall-with-upload-m__close{position:absolute;z-index:3;top:20px;right:20px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;color:#000;cursor:pointer}.dl-page-ugc-wall-with-upload-m__close svg{width:20px;height:20px}.dl-page-ugc-wall-with-upload-m__preview-panel{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(1200px,100%);max-height:calc(100dvh - 64px)}.dl-page-ugc-wall-with-upload-m__preview-close{top:12px;right:12px;background-color:#fff;border-radius:50%}.dl-page-ugc-wall-with-upload-m__preview-image{display:block;max-width:100%;max-height:calc(100dvh - 64px);border-radius:6px;object-fit:contain;background:#fff;box-shadow:0 18px 60px #00000059;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dl-page-ugc-wall-with-upload-m__preview-image[hidden]{display:none!important}.dl-page-ugc-wall-with-upload-m__preview-pet-name{position:absolute;z-index:1;right:0;bottom:0;box-sizing:border-box;width:100%;padding:120px 32px 32px;border-radius:0 0 6px 6px;color:#fff;background:linear-gradient(180deg,#0000,#000000b8);font-size:24px;font-weight:400;line-height:32px;text-align:right;pointer-events:none}.dl-page-ugc-wall-with-upload-m__preview-pet-name[hidden]{display:none!important}html.dl-ugc-modal-open,body.dl-ugc-modal-open{overflow:hidden}@media screen and (min-width:991px)and (max-width:1600px){.dl-page-ugc-wall-with-upload-m{padding:0 7.5vw;margin:0 0 7.5vw}.dl-page-ugc-wall-with-upload-m__content{padding:0 3.75vw 0 0;width:37.5vw}.dl-page-ugc-wall-with-upload-m__title{font-size:calc(56 / 1600 * 100vw);line-height:4.625vw}.dl-page-ugc-wall-with-upload-m__description{margin-top:1vw;font-size:1.5vw;line-height:2vw}.dl-page-ugc-wall-with-upload-m__note{margin-top:2vw;font-size:1.25vw;line-height:1.6875vw}.dl-page-ugc-wall-with-upload-m__share{min-height:3vw;margin-top:4vw;padding:.625vw 1.5vw;border-radius:.25vw;font-size:1.25vw}.dl-page-ugc-wall-with-upload-m__share:focus-visible,.dl-page-ugc-wall-with-upload-m__photo:focus-visible,.dl-page-ugc-wall-with-upload-m__close:focus-visible{outline-width:.125vw;outline-offset:.1875vw}.dl-page-ugc-wall-with-upload-m__wall,.dl-page-ugc-wall-with-upload-m__group,.dl-page-ugc-wall-with-upload-m__track{gap:.75vw}.dl-page-ugc-wall-with-upload-m__wall{height:calc(930 / 1600 * 100vw);max-height:calc(930 / 1600 * 100vw)}.dl-page-ugc-wall-with-upload-m__photo{border-radius:.5vw}.dl-page-ugc-wall-with-upload-m__pet-name{padding:4vw 1.5vw 1.5vw;font-size:1.25vw;line-height:1.6875vw}.dl-page-ugc-wall-with-upload-m__empty{min-height:18.75vw;padding:2.5vw 1.5vw;border-width:.0625vw;font-size:calc(14 / 1600 * 100vw)}.dl-page-ugc-wall-with-upload-m__modal{padding:2vw}.dl-page-ugc-wall-with-upload-m__modal-panel{width:min(calc(820 / 1600 * 100vw),100%);max-height:calc(100dvh - 4vw);border-radius:1vw;padding:2.5vw 7.5vw;box-shadow:0 1.125vw 3.75vw #00000040}.dl-page-ugc-wall-with-upload-m__form{min-height:6.25vw}.dl-page-ugc-wall-with-upload-m__form:empty:before{padding:2.5vw 7.5vw}.dl-page-ugc-wall-with-upload-m__close{top:1.25vw;right:1.25vw;width:1.5vw;height:1.5vw}.dl-page-ugc-wall-with-upload-m__close svg{width:1.25vw;height:1.25vw}.dl-page-ugc-wall-with-upload-m__preview-panel{max-width:min(75vw,100%);max-height:calc(100dvh - 4vw)}.dl-page-ugc-wall-with-upload-m__preview-close{top:.75vw;right:.75vw}.dl-page-ugc-wall-with-upload-m__preview-image{max-height:calc(100dvh - 4vw);border-radius:.375vw;box-shadow:0 1.125vw 3.75vw #00000059}.dl-page-ugc-wall-with-upload-m__preview-pet-name{padding:7.5vw 2vw 2vw;border-radius:0 0 .375vw .375vw;font-size:1.5vw;line-height:2vw}}@media screen and (min-width:1921px){.dl-page-ugc-wall-with-upload-m{padding:0 6.25vw;margin:0 0 6.25vw}.dl-page-ugc-wall-with-upload-m__content{padding:0 3.125vw 0 0;width:31.25vw}.dl-page-ugc-wall-with-upload-m__title{font-size:calc(56 / 1920 * 100vw);line-height:calc(74 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__description{margin-top:calc(16 / 1920 * 100vw);font-size:1.25vw;line-height:calc(32 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__note{margin-top:calc(32 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);line-height:1.40625vw}.dl-page-ugc-wall-with-upload-m__share{min-height:2.5vw;margin-top:calc(64 / 1920 * 100vw);padding:calc(10 / 1920 * 100vw) 1.25vw;border-radius:calc(4 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__share:focus-visible,.dl-page-ugc-wall-with-upload-m__photo:focus-visible,.dl-page-ugc-wall-with-upload-m__close:focus-visible{outline-width:calc(2 / 1920 * 100vw);outline-offset:.15625vw}.dl-page-ugc-wall-with-upload-m__wall,.dl-page-ugc-wall-with-upload-m__group,.dl-page-ugc-wall-with-upload-m__track{gap:.625vw}.dl-page-ugc-wall-with-upload-m__wall{height:48.4375vw;max-height:48.4375vw}.dl-page-ugc-wall-with-upload-m__photo{border-radius:calc(8 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__pet-name{padding:calc(64 / 1920 * 100vw) 1.25vw 1.25vw;font-size:calc(20 / 1920 * 100vw);line-height:1.40625vw}.dl-page-ugc-wall-with-upload-m__empty{min-height:15.625vw;padding:calc(40 / 1920 * 100vw) 1.25vw;border-width:calc(1 / 1920 * 100vw);font-size:calc(14 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__modal{padding:calc(32 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__modal-panel{width:min(calc(820 / 1920 * 100vw),100%);max-height:calc(100dvh - calc(64 / 1920 * 100vw));border-radius:calc(16 / 1920 * 100vw);padding:calc(40 / 1920 * 100vw) 6.25vw;box-shadow:0 .9375vw 3.125vw #00000040}.dl-page-ugc-wall-with-upload-m__form{min-height:calc(100 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__form:empty:before{padding:calc(40 / 1920 * 100vw) 6.25vw}.dl-page-ugc-wall-with-upload-m__close{top:calc(20 / 1920 * 100vw);right:calc(20 / 1920 * 100vw);width:1.25vw;height:1.25vw}.dl-page-ugc-wall-with-upload-m__close svg{width:calc(20 / 1920 * 100vw);height:calc(20 / 1920 * 100vw)}.dl-page-ugc-wall-with-upload-m__preview-panel{max-width:min(62.5vw,100%);max-height:calc(100dvh - calc(64 / 1920 * 100vw))}.dl-page-ugc-wall-with-upload-m__preview-close{top:.625vw;right:.625vw}.dl-page-ugc-wall-with-upload-m__preview-image{max-height:calc(100dvh - calc(64 / 1920 * 100vw));border-radius:.3125vw;box-shadow:0 .9375vw 3.125vw #00000059}.dl-page-ugc-wall-with-upload-m__preview-pet-name{padding:6.25vw calc(32 / 1920 * 100vw) calc(32 / 1920 * 100vw);border-radius:0 0 .3125vw .3125vw;font-size:1.25vw;line-height:calc(32 / 1920 * 100vw)}}@media screen and (max-width:990px){.dl-page-ugc-wall-with-upload-m{padding:0;margin:0 0 16vw}.dl-page-ugc-wall-with-upload-m__inner{flex-direction:column}.dl-page-ugc-wall-with-upload-m__content{padding:16vw calc(16 / 375 * 100vw) calc(40 / 375 * 100vw);width:100%}.dl-page-ugc-wall-with-upload-m__title{font-size:calc(32 / 375 * 100vw);line-height:calc(42 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__description{margin-top:calc(16 / 375 * 100vw);font-size:calc(14 / 375 * 100vw);line-height:calc(19 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__note{margin-top:6.4vw;font-size:3.2vw;line-height:calc(16 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__share{min-height:calc(44 / 375 * 100vw);margin-top:calc(32 / 375 * 100vw);padding:calc(10 / 375 * 100vw) calc(32 / 375 * 100vw);border-radius:calc(4 / 375 * 100vw);font-size:calc(16 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__share:focus-visible,.dl-page-ugc-wall-with-upload-m__photo:focus-visible,.dl-page-ugc-wall-with-upload-m__close:focus-visible{outline-width:calc(2 / 375 * 100vw);outline-offset:.8vw}.dl-page-ugc-wall-with-upload-m__wall{gap:calc(4 / 375 * 100vw);height:calc(380 / 375 * 100vw);max-height:calc(380 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__group,.dl-page-ugc-wall-with-upload-m__track{gap:calc(4 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__photo{border-radius:calc(8 / 375 * 100vw);contain-intrinsic-size:auto 80vw}.dl-page-ugc-wall-with-upload-m__pet-name{padding:calc(40 / 375 * 100vw) calc(8 / 375 * 100vw) calc(8 / 375 * 100vw);font-size:3.2vw;line-height:calc(16 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__empty{min-height:80vw;padding:calc(40 / 375 * 100vw) 6.4vw;border-width:calc(1 / 375 * 100vw);font-size:calc(14 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__modal{padding:calc(32 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__modal-panel{width:min(calc(820 / 375 * 100vw),100%);max-height:calc(100dvh - calc(64 / 375 * 100vw));border-radius:calc(16 / 375 * 100vw);box-shadow:0 4.8vw 16vw #00000040;padding:calc(40 / 375 * 100vw) calc(20 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__form{min-height:calc(100 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__form:empty:before{padding:calc(40 / 375 * 100vw) 32vw}.dl-page-ugc-wall-with-upload-m__close{top:calc(16 / 375 * 100vw);right:calc(16 / 375 * 100vw);width:6.4vw;height:6.4vw}.dl-page-ugc-wall-with-upload-m__close svg{width:calc(20 / 375 * 100vw);height:calc(20 / 375 * 100vw)}.dl-page-ugc-wall-with-upload-m__preview-panel{max-width:min(320vw,100%);max-height:calc(100dvh - calc(64 / 375 * 100vw))}.dl-page-ugc-wall-with-upload-m__preview-close{top:3.2vw;right:3.2vw}.dl-page-ugc-wall-with-upload-m__preview-image{max-height:calc(100dvh - calc(64 / 375 * 100vw));border-radius:1.6vw;box-shadow:0 4.8vw 16vw #00000059}.dl-page-ugc-wall-with-upload-m__preview-pet-name{padding:calc(64 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);border-radius:0 0 1.6vw 1.6vw;font-size:calc(16 / 375 * 100vw);line-height:calc(22 / 375 * 100vw)}}@media(prefers-reduced-motion:reduce){.dl-page-ugc-wall-with-upload-m__image{transition:none}.dl-page-ugc-wall-with-upload-m__group{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dl-page-ugc-wall-with-upload-m.css.map */