.pixio-ugc{display:block;background:#fff;padding:30px 0 42px}.pixio-ugc--without-heading{padding-top:0}.pixio-ugc__heading{margin:0 0 20px;text-align:left;font-size:18px}@media(max-width:640px){.pixio-ugc__heading{font-size:15px}}.pixio-ugc__tabs{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin;justify-content:center}@media not (min-width:1000px){.pixio-ugc__tabs{justify-content:start}}.pixio-ugc__tab{-webkit-appearance:none;appearance:none;padding:6px 24px;font-size:12px;cursor:pointer;white-space:nowrap;border:2px solid #333;border-radius:40px;font-weight:600;filter:drop-shadow(0px 3px 2px rgb(0 0 0 / .3));transition:.3s ease}@media not (min-width:640px){.pixio-ugc__tab{font-size:10px;padding:5px 8px;line-height:1.4}}.pixio-ugc__tab:hover,.pixio-ugc__tab:focus-visible{background-color:#333;color:#fff}.pixio-ugc__tab.is-active{background-color:#333;color:#fff}.pixio-ugc__grid{display:grid;grid-template-columns:repeat(var(--pixio-ugc-columns-desktop),minmax(0,1fr));gap:8px}.pixio-ugc__item{min-width:0;aspect-ratio:1;overflow:hidden;background:#f2f2f2;border-radius:10px;filter:drop-shadow(0px 3px 5px rgb(0 0 0 / .1))}.pixio-ugc__item-button{position:relative;display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;padding:0;overflow:hidden;background:transparent;cursor:pointer}.pixio-ugc__item-button:focus-visible{outline:3px solid #0067c5;outline-offset:-3px}.pixio-ugc__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.pixio-ugc__item-button:hover .pixio-ugc__image{transform:scale(1.025)}.pixio-ugc__meta{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:6px;min-width:0;background:#ffffffc7;color:#000;padding:7px 9px 9px;font-size:12px;line-height:1.2;text-align:left}.pixio-ugc__sns-icon{display:inline-flex;flex:0 0 16px;width:16px;height:16px;align-items:center;justify-content:center;font-size:8px;margin-top:1px}.pixio-ugc__sns-icon .Icon{width:16px;height:16px;fill:currentColor}.pixio-ugc__user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(2px);font-size:14px}.pixio-ugc__pr{flex:0 0 auto;margin-left:auto;padding:2px 5px 0;font-size:14px;background-color:#d4dddd;border-radius:3px;font-weight:300}.pixio-ugc__more-wrap{display:flex;justify-content:center;margin-top:30px}.pixio-ugc__more{width:320px;min-height:48px;box-sizing:border-box;padding:10px 18px 8px;border:2px solid #333;border-radius:40px;background:transparent;color:#222;font:inherit;font-size:16px;font-weight:600;line-height:1.3;-webkit-appearance:none;appearance:none;cursor:pointer;white-space:nowrap;filter:drop-shadow(0 3px 2px rgb(0 0 0 / 30%));transition:.3s ease}@media not (min-width:640px){.pixio-ugc__more{font-size:14px}}.pixio-ugc__more:hover,.pixio-ugc__more:focus-visible{background:#222;color:#fff}.pixio-ugc__empty{margin:0;padding:24px 0;text-align:center}.pixio-ugc-modal[hidden]{display:none}.pixio-ugc-modal{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:56px 96px}.pixio-ugc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.pixio-ugc-modal__dialog{position:relative;z-index:1;display:flex;width:min(560px,100%);max-height:calc(100dvh - 112px);box-sizing:border-box;flex-direction:column;padding:40px;overflow-y:auto;background:#fff;box-shadow:0 14px 44px #00000047}.pixio-ugc-modal__media{display:grid;width:100%;min-height:0;flex:0 0 auto;aspect-ratio:1;place-items:center;overflow:hidden;background:#f3f4f4}.pixio-ugc-modal__image{display:block;width:100%;height:100%;object-fit:contain}.pixio-ugc-modal__details{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;padding-top:18px}.pixio-ugc-modal__user{margin:0;color:#111;font-size:18px;font-weight:700;overflow-wrap:anywhere}@media not (min-width:640px){.pixio-ugc-modal__user{font-size:18px}}.pixio-ugc-modal__pr,.pixio-ugc-modal__sns{margin:0;color:#555;font-size:14px}.pixio-ugc-modal__pr{color:#000;font-size:14px;font-weight:400;grid-column:2;justify-self:end;background-color:#d4dddd;padding:2px 5px 0;border-radius:5px}.pixio-ugc-modal__sns{display:none}.pixio-ugc-modal__link{display:flex;width:320px;min-height:48px;box-sizing:border-box;grid-column:1 / -1;align-items:center;justify-content:center;border:1px solid #aeb5b5;color:#222;padding:10px 18px 8px;font-size:16px;line-height:1.3;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;white-space:nowrap;border:2px solid #333;border-radius:40px;font-weight:600;filter:drop-shadow(0px 3px 2px rgb(0 0 0 / .3));transition:.3s ease;margin:0 auto}@media not (min-width:640px){.pixio-ugc-modal__link{font-size:14px}}.pixio-ugc-modal__link:hover,.pixio-ugc-modal__link:focus-visible{background:#222;color:#fff}.pixio-ugc-modal__link[hidden]{display:none}.pixio-ugc-modal__close{position:absolute;z-index:2;display:grid;width:44px;height:44px;border:0;border-radius:0;place-items:center;background:transparent;color:#fff;cursor:pointer;line-height:1}.pixio-ugc-modal__arrow{position:absolute;z-index:2;display:flex;width:30px;height:30px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;opacity:1;cursor:pointer}.pixio-ugc-modal__arrow svg{width:30px;height:30px;fill:transparent}.pixio-ugc-modal__arrow[hidden]{display:none}.pixio-ugc-modal__close{top:14px;right:14px;font-size:50px}.pixio-ugc-modal__arrow{top:50%;transform:translateY(-50%)}.pixio-ugc-modal__arrow--prev{left:6px}.pixio-ugc-modal__arrow--prev svg{transform:scaleX(-1)}.pixio-ugc-modal__arrow--next{right:6px}body.pixio-ugc-modal-open{overflow:hidden}@media screen and (max-width:640px){.pixio-ugc{padding:20px 0 30px}.pixio-ugc--without-heading{padding-top:0}.pixio-ugc__grid{grid-template-columns:repeat(var(--pixio-ugc-columns-mobile),minmax(0,1fr));gap:10px}.pixio-ugc__meta{right:0;bottom:0;left:0;padding:6px 6px 10px;font-size:11px}.pixio-ugc-modal{padding:56px 48px 24px}.pixio-ugc-modal__dialog{width:100%;max-height:calc(100dvh - 80px);padding:12px}.pixio-ugc-modal__media{min-height:0;aspect-ratio:1}.pixio-ugc-modal__image{max-height:none}.pixio-ugc-modal__details{gap:12px;padding-top:14px}.pixio-ugc-modal__close{top:8px;right:8px}.pixio-ugc-modal__arrow{top:50%}.pixio-ugc-modal__arrow--prev{left:0}.pixio-ugc-modal__arrow--next{right:0}}@media(prefers-reduced-motion:reduce){.pixio-ugc__image{transition:none}}.pixio-ugc-video{display:block;background:#fff;padding:12px 0 42px}.pixio-ugc-video--empty{padding:24px 0;text-align:center}.pixio-ugc-video__header{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.pixio-ugc-video__heading{margin:0;font-size:18px}@media(max-width:640px){.pixio-ugc-video .Container{padding-right:0}.pixio-ugc-video__heading{font-size:15px}}.pixio-ugc-video__controls{display:flex;flex:0 0 auto;gap:8px}.pixio-ugc-video__arrow{display:flex;width:auto;height:auto;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;opacity:1;cursor:pointer}.pixio-ugc-video__arrow svg{width:30px;height:30px;fill:transparent;filter:drop-shadow(0 2px 0 rgb(212 221 221)) drop-shadow(0 4px 4px rgb(177 187 187 / 50%))}.pixio-ugc-video__arrow.-prev svg{transform:scaleX(-1)}.pixio-ugc-video__arrow:hover:not(:disabled),.pixio-ugc-video__arrow:focus-visible:not(:disabled){opacity:1}.pixio-ugc-video__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.pixio-ugc-video__arrow:disabled{display:none;cursor:default}.pixio-ugc-video__track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 12px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:auto}.pixio-ugc-video__item{flex:0 0 var(--pixio-ugc-video-width-desktop);min-width:0;aspect-ratio:9 / 16;overflow:hidden;background:#fff;scroll-snap-align:start;border-radius:10px;filter:drop-shadow(0px 3px 5px rgb(177 187 187 / .5))}.pixio-ugc-video__item-button{position:relative;display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;padding:0;overflow:hidden;background:#111;cursor:pointer}.pixio-ugc-video__item-button:focus-visible{outline:3px solid #0067c5;outline-offset:-3px}.pixio-ugc-video__media{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.pixio-ugc-video-modal .pixio-ugc-modal__dialog{width:min(420px,100%)}.pixio-ugc-video-modal__media{min-height:0;aspect-ratio:9 / 16;background:#111}.pixio-ugc-video-modal__media video{display:block;width:100%;height:100%;object-fit:contain}@media screen and (max-width:640px){.pixio-ugc-video{padding:8px 0 30px}.pixio-ugc-video__header{margin-bottom:10px}.pixio-ugc-video__item{flex-basis:var(--pixio-ugc-video-width-mobile)}.pixio-ugc-video__controls{display:none}.pixio-ugc-video-modal .pixio-ugc-modal__dialog{width:100%;max-height:calc(100dvh - 80px)}.pixio-ugc-video-modal__media{width:100%;max-height:calc(100dvh - 190px);margin:0 auto}.pixio-ugc-video-modal__media video{max-height:calc(100dvh - 190px)}.pixio-ugc-video-modal .pixio-ugc-modal__details{min-height:0}}.pixio-ugc-modal__stage{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100dvh - 112px)}.pixio-ugc-modal__stage>.pixio-ugc-modal__dialog{width:100%;border-radius:10px}.pixio-ugc-modal__stage>.pixio-ugc-modal__close{top:-17px;right:-60px}.pixio-ugc-modal__stage>.pixio-ugc-modal__arrow--prev{left:-50px}.pixio-ugc-modal__stage>.pixio-ugc-modal__arrow--next{right:-50px}.pixio-ugc-video-modal .pixio-ugc-modal__stage{width:min(420px,100%)}@media screen and (max-width:640px){.pixio-ugc-modal__stage{width:100%;max-height:calc(100dvh - 80px)}.pixio-ugc-modal__stage>.pixio-ugc-modal__close{top:-40;right:-48px}.pixio-ugc-modal__stage>.pixio-ugc-modal__arrow--prev{left:-40px}.pixio-ugc-modal__stage>.pixio-ugc-modal__arrow--next{right:-40px}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/pixio-ugc.css.map */