#main-product .ug-story{grid-column:1/-1;width:100%;margin:64px 0 0;border:0;padding:0}#main-product .ug-story section{margin:0 0 64px}#main-product .ug-story h2{font-size:28px;line-height:1.35;margin:0 0 28px;font-weight:700}#main-product .ug-story-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#main-product .ug-story-video{aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:4px}#main-product .ug-story-video iframe{width:100%;height:100%;border:0;display:block}#main-product .ug-story-play{position:relative;display:block;padding:0;margin:0;min-width:0;width:100%;height:100%;background:#111;border:0;border-radius:0;box-shadow:none;cursor:pointer}#main-product .ug-story-play:before,#main-product .ug-story-play:after{display:none}#main-product .ug-story-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}#main-product .ug-story-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#111;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:19px;padding-left:3px}#main-product .ug-story-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;margin:0 0 40px}#main-product .ug-story-feature:nth-of-type(2n) .ug-story-visual{order:2}#main-product .ug-story-visual{overflow:hidden;border-radius:4px;background:#f5f5f5}#main-product .ug-story-visual img{display:block;width:100%;height:auto;margin:0}#main-product .ug-story-index{display:block;color:#777;font-size:12px;letter-spacing:.12em;margin-bottom:12px}#main-product .ug-story-feature h3{font-size:24px;line-height:1.45;margin:0 0 16px}#main-product .ug-story p{font-size:15px;line-height:1.85;margin:0 0 16px}#main-product .ug-story-feature-copy{max-width:490px}#main-product .ug-story summary{cursor:pointer;font-size:14px;font-weight:600;padding:16px 0;list-style:revert}#main-product .ug-story-overview{max-width:880px;margin-left:auto;margin-right:auto}#main-product .ug-story-details{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}#main-product .ug-story-details-body{padding:16px 0;overflow:auto}#main-product .ug-story-details-body h3{font-size:20px;margin:24px 0 16px}@media(max-width:760px){#main-product .ug-story{margin-top:36px}#main-product .ug-story section{margin-bottom:40px}#main-product .ug-story h2{font-size:22px;margin-bottom:20px}#main-product .ug-story-video-grid{grid-template-columns:1fr;gap:16px}#main-product .ug-story-feature{grid-template-columns:1fr;gap:20px;margin-bottom:32px}#main-product .ug-story-feature:nth-of-type(2n) .ug-story-visual{order:0}#main-product .ug-story-feature h3{font-size:20px;margin-bottom:12px}#main-product .ug-story p{font-size:14px;line-height:1.8}#main-product .ug-story-feature-copy{max-width:none}}#main-product .ug-story{max-width:1280px;margin:64px auto 0}#main-product .ug-story section{margin-bottom:64px}#main-product .ug-story h2{font-size:26px;line-height:1.4;letter-spacing:0;font-weight:700;margin:0 0 24px}#main-product .ug-story-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}#main-product .ug-story-section-head h2{margin:0}#main-product .ug-story-controls{display:flex;gap:8px;flex-shrink:0}#main-product .ug-story-arrow{display:grid;place-items:center;width:40px;height:40px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid #ddd;border-radius:4px;background:#fff;color:#202020;box-shadow:none;font-size:20px;line-height:1;cursor:pointer}#main-product .ug-story-arrow:before,#main-product .ug-story-arrow:after{display:none}#main-product .ug-story-arrow:hover{background:#f4f4f4}#main-product .ug-story-arrow:focus-visible,#main-product .ug-story-feature-rail:focus-visible{outline:2px solid #333;outline-offset:3px}#main-product .ug-story-feature-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding-bottom:20px}#main-product .ug-story-feature{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin:0;min-width:0;scroll-snap-align:start}#main-product .ug-story-feature:nth-of-type(2n) .ug-story-visual{order:0}#main-product .ug-story-visual{aspect-ratio:8/5;border-radius:4px}#main-product .ug-story-visual img{width:100%;height:100%;object-fit:cover}#main-product .ug-story-feature-copy{max-width:none}#main-product .ug-story-feature h3{font-size:18px;line-height:1.5;font-weight:700;margin:0 0 10px;letter-spacing:0}#main-product .ug-story p{font-size:14px;line-height:1.8;font-weight:400;margin:0 0 12px;color:#4a4a4a}#main-product .ug-story summary{font-size:13px;line-height:1.5}#main-product .ug-story-feature-more summary{padding:0 0 12px;color:#333}#main-product .ug-story-overview{max-width:none}#main-product .ug-story-overview>p{max-width:840px}@media(max-width:1000px){#main-product .ug-story-feature-rail{grid-auto-columns:calc((100% - 24px)/2)}}@media(max-width:760px){#main-product .ug-story{margin-top:40px}#main-product .ug-story section{margin-bottom:40px}#main-product .ug-story h2{font-size:22px;margin-bottom:20px}#main-product .ug-story-section-head{margin-bottom:20px}#main-product .ug-story-section-head h2{margin:0}#main-product .ug-story-feature-rail{grid-auto-columns:87%;gap:16px;padding-bottom:16px}#main-product .ug-story-feature{gap:16px}#main-product .ug-story-feature h3{font-size:17px;margin-bottom:8px}#main-product .ug-story-arrow{width:34px;height:34px;font-size:18px}#main-product .ug-story-video-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:12px;overflow:visible;scroll-snap-type:none;padding-bottom:0}#main-product .ug-story-video{scroll-snap-align:start}}#main-product .ug-spec-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}#main-product .ug-spec-image{background:#fafafa;border-radius:4px;overflow:hidden}#main-product .ug-spec-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0;mix-blend-mode:multiply}#main-product .ug-spec-information{min-width:0}#main-product .ug-spec-tabs{display:flex;gap:28px;border-bottom:1px solid #ddd}#main-product .ug-spec-tab{display:block;flex:0 1 auto;min-width:0;min-height:0;margin:0 0 -1px;padding:14px 0;background:transparent;color:#757575;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;font-size:15px;line-height:1.5;font-weight:600;cursor:pointer}#main-product .ug-spec-tab:before,#main-product .ug-spec-tab:after{display:none}#main-product .ug-spec-tab[aria-selected=true]{color:#181818;border-bottom-color:#181818}#main-product .ug-spec-tab:focus-visible{outline:2px solid #555;outline-offset:4px}#main-product .ug-spec-panel{padding:24px 0 0;min-height:360px}#main-product .ug-spec-panel[hidden]{display:none!important}#main-product .ug-spec-panel table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:14px;line-height:1.6}#main-product .ug-spec-panel table td,#main-product .ug-spec-panel table th{padding:11px 12px;border:0;border-bottom:1px solid #eaeaea;background:transparent;text-align:left;font-weight:400}#main-product .ug-spec-panel table td:first-child{width:48%;color:#666}#main-product .ug-spec-dimensions{margin:0}#main-product .ug-spec-dimensions>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #eaeaea;font-size:14px;line-height:1.6}#main-product .ug-spec-dimensions dt{font-weight:400;color:#666}#main-product .ug-spec-dimensions dd{margin:0;font-weight:500}#main-product .ug-spec-description-more{margin-top:12px}@media(max-width:760px){#main-product .ug-spec-layout{grid-template-columns:1fr;gap:20px}#main-product .ug-spec-image{max-width:100%}#main-product .ug-spec-image img{max-height:330px}#main-product .ug-spec-tabs{gap:24px}#main-product .ug-spec-tab{font-size:14px;padding:12px 0}#main-product .ug-spec-panel{padding-top:20px;min-height:0}#main-product .ug-spec-panel table{font-size:13px}}#main-product .ug-product-faq .ug-faq-list{border-top:1px solid #e5e5e5}#main-product .ug-product-faq .ug-faq-item{margin:0;border-bottom:1px solid #e5e5e5}#main-product .ug-product-faq .ug-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font-size:15px;line-height:1.65;font-weight:600;list-style:none;color:#202020;cursor:pointer}#main-product .ug-faq-item>summary::-webkit-details-marker{display:none}#main-product .ug-faq-item>summary:focus-visible{outline:2px solid #555;outline-offset:4px}#main-product .ug-faq-toggle{position:relative;flex:0 0 14px;width:14px;height:14px}#main-product .ug-faq-toggle:before,#main-product .ug-faq-toggle:after{content:"";position:absolute;background:currentColor}#main-product .ug-faq-toggle:before{width:14px;height:1px;left:0;top:6px}#main-product .ug-faq-toggle:after{width:1px;height:14px;left:6px;top:0}#main-product .ug-faq-item[open] .ug-faq-toggle:after{display:none}#main-product .ug-faq-answer{max-width:880px;padding:0 32px 22px 0}#main-product .ug-faq-answer p:last-child{margin-bottom:0}@media(max-width:760px){#main-product .ug-product-faq .ug-faq-item>summary{padding:18px 0;font-size:14px;gap:20px}#main-product .ug-faq-answer{padding-bottom:18px}}#main-product .ug-story-play img{object-fit:contain;opacity:1}#main-product .ug-story p{font-size:16px;line-height:1.8;color:#414141}#main-product .ug-spec-panel table{font-size:15px;line-height:1.7}#main-product .ug-spec-panel table td,#main-product .ug-spec-panel table th{font-size:inherit;line-height:inherit}#main-product .ug-spec-tab{font-size:15px}#main-product .ug-product-faq .ug-faq-item>summary{font-size:16px}@media(max-width:760px){#main-product .ug-story p{font-size:15px;line-height:1.8}#main-product .ug-spec-panel table{font-size:14px}#main-product .ug-product-faq .ug-faq-item>summary{font-size:15px}}#main-product .ug-spec-image [hidden]{display:none!important}#main-product .ug-dimension-draft img{aspect-ratio:1200/1260;mix-blend-mode:normal;max-height:none}#main-product .ug-dimension-switch{display:flex;justify-content:center;gap:8px;padding:16px;background:#fff}#main-product .ug-dimension-switch button{min-width:0;margin:0;padding:10px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#555;font-size:14px;box-shadow:none;cursor:pointer}#main-product .ug-dimension-switch button:before,#main-product .ug-dimension-switch button:after{display:none}#main-product .ug-dimension-switch button[aria-pressed=true]{border-color:#222;color:#222}#main-product .ug-dimension-draft img{aspect-ratio:1;object-fit:contain}#main-product .ug-story .ug-dimension-caption{font-size:12px;line-height:1.6;color:#666;padding:8px 16px;margin:0;background:#fff}@media(min-width:761px){#main-product .ug-story-video-grid:has(>.ug-story-video:nth-child(3)):not(:has(>.ug-story-video:nth-child(4))),#main-product .ug-story-video-grid:has(>.ug-story-video:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}#main-product .ug-story-visual.ug-story-visual--square{position:relative;aspect-ratio:1}#main-product .ug-story-visual.ug-story-visual--square img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%!important;max-width:none;max-height:none;object-fit:fill}#main-product .ug-spec-description :is(h2,h3,h4,h5,h6){margin-top:24px;margin-bottom:12px;padding-top:0}#main-product .ug-spec-description p.ug-description-blank-line{margin:0;padding:0}#main-product .ug-spec-description p:has(+.ug-description-blank-line){margin-bottom:0}#main-product .ug-spec-description .ug-description-blank-line+:is(h2,h3,h4,h5,h6){margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/37/assets/uchino-product-story.css.map */