[data-puz-ugc]{--puz-ugc-gutter: clamp(20px, 4vw, 56px);--puz-ugc-green: #34523f;--puz-ugc-surface: #f3f6f2;--puz-ugc-border: #b4c3b2;--puz-ugc-radius: 12px;box-sizing:border-box;margin:0;padding-block:clamp(64px,7vw,104px);background:var(--puz-ugc-surface);color:inherit;font-family:inherit;line-height:1.65}[data-puz-ugc] *,[data-puz-ugc] *:before,[data-puz-ugc] *:after{box-sizing:border-box}[data-puz-ugc] [hidden]{display:none!important}[data-puz-ugc] :focus-visible{outline:3px solid var(--puz-ugc-green);outline-offset:5px}[data-puz-ugc] .puz-ugc__inner{width:min(1260px,calc(100% - var(--puz-ugc-gutter) * 2));margin-inline:auto}[data-puz-ugc] .puz-ugc__intro{max-width:810px;margin-bottom:25px}[data-puz-ugc] .puz-ugc__intro h2{margin:0;padding:0;color:inherit;font-size:clamp(32px,3.3vw,47px);font-weight:400;line-height:1.16;letter-spacing:-.025em;text-wrap:balance}[data-puz-ugc] .puz-ugc__intro p{max-width:680px;margin:18px 0 0;padding:0;color:inherit;font-size:18px;line-height:1.65;opacity:.82}[data-puz-ugc] .puz-ugc__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}[data-puz-ugc] .puz-ugc__toolbar>span{color:inherit;font-size:15px;line-height:1.5;opacity:.82}[data-puz-ugc] .puz-ugc__nav{display:none;flex:0 0 auto;gap:8px}[data-puz-ugc] .puz-ugc__nav button{display:grid;width:46px;min-width:44px;height:46px;min-height:44px;align-items:center;justify-items:center;margin:0;padding:0;border:1px solid var(--puz-ugc-border);border-radius:var(--puz-ugc-radius);background:transparent;color:var(--puz-ugc-green);font-family:inherit;font-size:23px;font-weight:400;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease}[data-puz-ugc] .puz-ugc__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;min-width:0;margin:0;padding:0}[data-puz-ugc] .puz-ugc__card{min-width:0;margin:0;padding:0}[data-puz-ugc] .puz-ugc__card figure{margin:0;padding:0}[data-puz-ugc] .puz-ugc__frame{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--puz-ugc-radius);background:#161b17}[data-puz-ugc] .puz-ugc__frame video{display:block;width:100%;max-width:100%;height:100%;margin:0;padding:0;object-fit:contain}[data-puz-ugc] .puz-ugc__play{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:60px;min-width:44px;height:60px;min-height:44px;place-items:center;margin:0;padding:0 0 0 4px;transform:translate(-50%,-50%);border:1px solid white;border-radius:var(--puz-ugc-radius);background:#23332ae0;color:#fff;font-family:inherit;font-size:23px;font-weight:400;line-height:1;box-shadow:0 3px 18px #1a2c1e26;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease}[data-puz-ugc] .puz-ugc__play:focus-visible{outline-color:#fff}[data-puz-ugc] .puz-ugc__play:disabled{cursor:wait}[data-puz-ugc] .puz-ugc__error{position:absolute;z-index:2;top:18px;right:16px;left:16px;margin:0;padding:12px 15px;border-radius:var(--puz-ugc-radius);background:#fff;color:#23332a;font-size:14px;line-height:1.55}[data-puz-ugc] .puz-ugc__error a{color:var(--puz-ugc-green);text-decoration:underline;text-underline-offset:3px}[data-puz-ugc] .puz-ugc__card figcaption{margin:0;padding:18px 0 0;color:inherit;text-align:left}[data-puz-ugc] .puz-ugc__card h3{margin:0;padding:0;color:inherit;font-family:inherit;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.015em;text-wrap:pretty}[data-puz-ugc] .puz-ugc__card figcaption p{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:6px 0 0;padding:0;color:inherit;font-size:13px;line-height:1.55;opacity:.82}[data-puz-ugc] .puz-ugc__card figcaption p span{flex-shrink:0;font-variant-numeric:tabular-nums}[data-puz-ugc] .puz-ugc__note{max-width:860px;margin:31px 0 0;padding:0;color:inherit;font-size:14px;line-height:1.65;opacity:.82}@media(hover:hover){[data-puz-ugc] .puz-ugc__nav button:hover{background:#e8eee7}[data-puz-ugc] .puz-ugc__play:hover{background:var(--puz-ugc-green)}}@media(max-width:1100px)and (min-width:901px){[data-puz-ugc] .puz-ugc__gallery{gap:16px}[data-puz-ugc] .puz-ugc__card h3{font-size:17px}[data-puz-ugc] .puz-ugc__card figcaption p{display:block}[data-puz-ugc] .puz-ugc__card figcaption p span{display:block;margin-top:4px}}@media(max-width:900px){[data-puz-ugc] .puz-ugc__gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:34%;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:17px;scrollbar-color:#9aac94 #e8eee7;scrollbar-width:thin}[data-puz-ugc] .puz-ugc__card{scroll-snap-align:start}[data-puz-ugc] .puz-ugc__nav{display:flex}}@media(max-width:767px){[data-puz-ugc]{--puz-ugc-gutter: 22px;padding-block:68px}[data-puz-ugc] .puz-ugc__intro{margin-bottom:21px}[data-puz-ugc] .puz-ugc__intro h2{font-size:35px;line-height:1.16}[data-puz-ugc] .puz-ugc__intro p{margin-top:16px;font-size:17px}[data-puz-ugc] .puz-ugc__toolbar{gap:18px;margin-bottom:18px}[data-puz-ugc] .puz-ugc__toolbar>span{max-width:185px;font-size:14px}[data-puz-ugc] .puz-ugc__nav{gap:7px}[data-puz-ugc] .puz-ugc__nav button{width:44px;height:44px}[data-puz-ugc] .puz-ugc__gallery{grid-auto-columns:min(78vw,370px);gap:18px;margin-right:calc(-1 * var(--puz-ugc-gutter));padding-right:var(--puz-ugc-gutter);scroll-padding-inline:0 var(--puz-ugc-gutter)}[data-puz-ugc] .puz-ugc__play{width:62px;height:62px}[data-puz-ugc] .puz-ugc__card figcaption{padding-top:16px}[data-puz-ugc] .puz-ugc__card h3{font-size:20px}[data-puz-ugc] .puz-ugc__note{margin-top:22px;font-size:13px}}@media(max-width:370px){[data-puz-ugc]{--puz-ugc-gutter: 18px}[data-puz-ugc] .puz-ugc__intro h2{font-size:32px}}@media(prefers-reduced-motion:reduce){[data-puz-ugc] .puz-ugc__nav button,[data-puz-ugc] .puz-ugc__play{transition:none}[data-puz-ugc] .puz-ugc__gallery{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/puzodyssey-ugc-videos.css.map */