.bKMtPa_header{background:#fff;border-bottom:.5px solid #0000001a;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.bKMtPa_nav{color:#777;align-items:center;gap:24px;font-size:16px;line-height:22px;display:flex}.bKMtPa_navLink:hover{color:#000}.bKMtPa_main{width:100%;padding:0 24px 24px}.bKMtPa_breadcrumb{color:#777;margin:24px 0;font-size:13px;line-height:20px}.bKMtPa_breadcrumb ol{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bKMtPa_breadcrumb a:hover{text-decoration:underline}.bKMtPa_breadcrumb li:last-child{color:#999}.bKMtPa_intro{align-items:center;gap:16px;margin:28px 0 36px;display:flex}.bKMtPa_icon{object-fit:cover;border-radius:18px;flex:none;width:80px;height:80px}.bKMtPa_introText{min-width:0}.bKMtPa_intro h1{letter-spacing:-.4px;margin:0 0 7px;font-size:24px;font-weight:700;line-height:31px}.bKMtPa_meta{color:#777;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;line-height:20px;display:flex}.bKMtPa_meta a:hover{color:#000;text-underline-offset:3px;text-decoration:underline}.bKMtPa_intro p{color:#999;margin:7px 0 0;font-size:13px;line-height:20px}.bKMtPa_sectionHeading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.bKMtPa_sectionHeading h2,.bKMtPa_designSection>h2{margin:0;font-size:14px;font-weight:600;line-height:20px}.bKMtPa_sectionHeading>span,.bKMtPa_sectionHeading>a{color:#999;font-size:13px;line-height:20px}.bKMtPa_sectionHeading>a:hover{color:#171717}.bKMtPa_screenshots{grid-template-columns:repeat(var(--screenshot-columns),minmax(0,1fr));align-items:start;gap:16px;width:100%;display:grid}.bKMtPa_screenshot{background:#f5f5f5;border-radius:10px;min-width:0;display:block;overflow:hidden}.bKMtPa_screenshot>img{width:100%;height:auto;display:block}.bKMtPa_screenshots[data-count="1"]{grid-template-columns:minmax(0,460px);justify-content:center}.bKMtPa_screenshots[data-count="2"]{grid-template-columns:repeat(2,minmax(0,540px));justify-content:center}.bKMtPa_preview{background:#f5f5f5;border-radius:20px;width:100%;display:block;overflow:hidden}.bKMtPa_preview>img{width:100%;height:auto}.bKMtPa_designSection{padding-top:36px}.bKMtPa_designGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.bKMtPa_designGrid h3{color:#999;margin:0 0 10px;font-size:13px;font-weight:400;line-height:20px}.bKMtPa_designGrid ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bKMtPa_designGrid li{color:#555;border:.5px solid #0000001a;border-radius:99px;font-size:13px;line-height:20px}.bKMtPa_designGrid li>a,.bKMtPa_designGrid li>span{padding:3px 9px;display:block}.bKMtPa_designGrid li:has(a):hover{color:#171717;background:#f5f5f5}.bKMtPa_description{color:#777;max-width:840px;margin:28px 0 12px;font-size:14px;line-height:23px}.bKMtPa_source{color:#999;max-width:760px;margin:0;font-size:12px;line-height:20px}.bKMtPa_source>a{text-underline-offset:3px;text-decoration:underline}.bKMtPa_source>a:hover{color:#000}.bKMtPa_relatedSection,.bKMtPa_guideSection{border-top:.5px solid #e5e5e5;margin-top:44px;padding-top:28px}.bKMtPa_relatedGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bKMtPa_relatedCard{min-width:0}.bKMtPa_relatedImage{aspect-ratio:2400/1260;background:#f5f5f5;border-radius:14px;overflow:hidden}.bKMtPa_relatedImage img{object-fit:contain;width:100%;height:100%;display:block}.bKMtPa_relatedCard h3{letter-spacing:-.2px;margin:13px 0 3px;font-size:15px;font-weight:600;line-height:22px}.bKMtPa_relatedCard p{color:#888;margin:0;font-size:12px;line-height:19px}.bKMtPa_relatedCard a:hover h3{text-underline-offset:3px;text-decoration:underline}.bKMtPa_guideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.bKMtPa_guideGrid>a{border:.5px solid #e5e5e5;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding:20px;display:grid}.bKMtPa_guideGrid>a>span:first-child{text-transform:uppercase;letter-spacing:.7px;color:#999;grid-column:1/-1;font-size:10px;line-height:16px}.bKMtPa_guideGrid h3{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:600;line-height:24px}.bKMtPa_guideGrid>a>span:last-child{color:#999}.bKMtPa_guideGrid>a:hover{background:#fafafa}.bKMtPa_footer{color:#777;border-top:.5px solid #e5e5e5;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:20px 24px;font-size:13px;line-height:20px;display:flex}.bKMtPa_footer nav{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.bKMtPa_footer a:hover{color:#000}@media (max-width:899px){.bKMtPa_screenshots{grid-template-columns:repeat(var(--screenshot-tablet-columns),minmax(0,1fr))}.bKMtPa_relatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bKMtPa_guideGrid{grid-template-columns:1fr}}@media (max-width:767px){.bKMtPa_header{gap:16px;padding:16px}.bKMtPa_nav{gap:16px;font-size:14px}.bKMtPa_navLink{display:none}.bKMtPa_main{padding:0 16px 20px}.bKMtPa_breadcrumb{margin:20px 0;font-size:12px}.bKMtPa_intro{align-items:flex-start;gap:12px;margin:24px 0 30px}.bKMtPa_icon{border-radius:14px;width:64px;height:64px}.bKMtPa_intro h1{letter-spacing:-.3px;font-size:20px;line-height:26px}.bKMtPa_meta{gap:10px;font-size:12px;line-height:19px}.bKMtPa_intro p{margin-top:5px;font-size:11px;line-height:18px}.bKMtPa_sectionHeading{align-items:flex-start;gap:10px}.bKMtPa_sectionHeading>span,.bKMtPa_sectionHeading>a{font-size:11px;line-height:18px}.bKMtPa_sectionHeading>span{text-align:right}.bKMtPa_screenshots{grid-template-columns:repeat(var(--screenshot-mobile-columns),minmax(0,1fr));gap:12px}.bKMtPa_screenshot{border-radius:7px}.bKMtPa_designGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.bKMtPa_designSection{padding-top:28px}.bKMtPa_description{font-size:13px;line-height:22px}.bKMtPa_relatedSection,.bKMtPa_guideSection{margin-top:32px;padding-top:24px}.bKMtPa_relatedCard h3{margin-top:10px;font-size:13px;line-height:20px}.bKMtPa_relatedImage{border-radius:10px}.bKMtPa_guideGrid>a{padding:16px}.bKMtPa_footer{flex-wrap:wrap;gap:16px;padding:20px 16px;font-size:12px}.bKMtPa_footer nav{gap:16px}}@media (max-width:420px){.bKMtPa_header .gallery-logo>span{font-size:14px}.bKMtPa_header .gallery-logo>img{width:30px}.bKMtPa_header .gallery-logo{gap:6px}.bKMtPa_nav .yellow-button{padding:8px 12px}.bKMtPa_intro h1{font-size:18px;line-height:24px}}
._0J1pMW_dialog{--viewer-top-space:max(78px, calc(env(safe-area-inset-top) + 56px));--viewer-bottom-space:max(88px, calc(env(safe-area-inset-bottom) + 72px));--viewer-top-gap:18px;color:#f4f4f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;overscroll-behavior:none;background:#000;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}._0J1pMW_dialog[open]{flex-direction:column;display:flex}._0J1pMW_dialog::backdrop{background:#000}._0J1pMW_dialog:focus,._0J1pMW_dialog:focus-visible{outline:none}._0J1pMW_topbar{z-index:5;min-height:78px;padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 14px max(24px, env(safe-area-inset-left));flex:none;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}._0J1pMW_titleBlock{min-width:0}._0J1pMW_titleBlock h2,._0J1pMW_title{color:#ededf0;letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;line-height:21px;overflow:hidden}._0J1pMW_titleBlock p,._0J1pMW_subtitle{color:#898b96;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;line-height:18px;overflow:hidden}._0J1pMW_actions{flex:none;align-items:center;gap:8px;display:flex}._0J1pMW_iconButton,._0J1pMW_sideControl{color:#d4d5dc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff06;border:1px solid #ffffff12;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .16s,border-color .16s,color .16s;display:inline-flex}._0J1pMW_iconButton{width:40px;height:40px;padding:0}._0J1pMW_iconButton:hover,._0J1pMW_sideControl:hover{color:#fff;background:#ffffff10;border-color:#ffffff26}._0J1pMW_iconButton:active,._0J1pMW_sideControl:active{background:#ffffff19}._0J1pMW_iconButton:focus-visible,._0J1pMW_sideControl:focus-visible{color:#fff;background:#ffffff18;outline:none}._0J1pMW_thumbnail:focus-visible{opacity:1;outline:none;box-shadow:0 0 0 1px #ffffff80}._0J1pMW_iconButton:disabled,._0J1pMW_sideControl:disabled{opacity:.25;cursor:default}._0J1pMW_stage{--side-spread:70px;--stack-gap:85px;--card-height:min(64dvh, calc(100dvh - 290px), calc((100dvh - var(--viewer-top-space) - var(--viewer-bottom-space) - var(--viewer-top-gap)) / 1.24), 900px);--active-width:min(calc(var(--card-height) * var(--active-ratio,.46)), 72vw);isolation:isolate;perspective:2000px;perspective-origin:50% 42%;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}._0J1pMW_stage[data-dragging=true]{cursor:grabbing}._0J1pMW_cover{z-index:var(--layer,1);top:var(--viewer-top-gap);width:min(calc(var(--card-height) * var(--ratio,.46)), 72vw);height:var(--card-height);opacity:var(--card-opacity,1);filter:brightness(var(--card-brightness,1));transform:translate(-50%, 0) translateX(calc(var(--shift,0px) + var(--drag-x,0px))) translateZ(var(--depth,0px)) rotateY(var(--rotation,0deg));transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:transform .65s cubic-bezier(.18,.8,.2,1),top .65s cubic-bezier(.18,.8,.2,1),width .65s cubic-bezier(.18,.8,.2,1),height .65s cubic-bezier(.18,.8,.2,1),opacity .42s,filter .42s,visibility;display:block;position:absolute;left:50%}._0J1pMW_cover:focus-visible{outline:none}._0J1pMW_cover[data-hidden=true]{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0s,0s,0s,0s,0s,0s,.65s}._0J1pMW_stage[data-dragging=true] ._0J1pMW_cover{transition:none}._0J1pMW_imageWrap{width:100%;height:100%;display:block;position:relative}._0J1pMW_image{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block}._0J1pMW_reflection{opacity:.42;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:100%;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0%,#000c 5%,#0005 13%,#0000 24%);mask-image:linear-gradient(#000 0%,#000c 5%,#0005 13%,#0000 24%)}._0J1pMW_reflection img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%;display:block;transform:scaleY(-1)}._0J1pMW_sideControl{z-index:100;background:#101116b8;width:44px;height:44px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}._0J1pMW_previous{left:max(24px, env(safe-area-inset-left))}._0J1pMW_next{right:max(24px, env(safe-area-inset-right))}._0J1pMW_bottomBar{z-index:5;min-height:88px;padding:0 max(24px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex:none;grid-template-columns:minmax(0,1fr);align-items:center;gap:4px;display:grid;position:relative}._0J1pMW_srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._0J1pMW_thumbnails{overscroll-behavior-x:contain;scrollbar-width:none;grid-area:1/1;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-width:0;max-width:100%;margin:0 auto;padding:4px 5px;scroll-padding:12px;display:flex;overflow-x:auto}._0J1pMW_thumbnails::-webkit-scrollbar{display:none}._0J1pMW_thumbnail{opacity:.46;cursor:pointer;background:#181a21;border:0;border-radius:4px;flex:none;width:24px;height:42px;padding:0;transition:opacity .18s,box-shadow .18s,transform .18s;display:block;box-shadow:0 0 0 1px #ffffff1a}._0J1pMW_thumbnail img{border-radius:inherit;object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}._0J1pMW_thumbnail:hover{opacity:.8}._0J1pMW_thumbnail[data-active=true]{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 1.5px #fff}._0J1pMW_hint{color:#6e707d;text-align:center;grid-area:2/1/auto/-1;margin:0;font-size:11px;line-height:18px}._0J1pMW_singleStage ._0J1pMW_sideControl{display:none}._0J1pMW_dialog[data-focused=true]{--viewer-bottom-space:max(40px, env(safe-area-inset-bottom))}._0J1pMW_dialog[data-focused=true] ._0J1pMW_stage{--card-height:min(82dvh, calc(100dvh - var(--viewer-top-space) - var(--viewer-bottom-space) - 18px), 1100px)}._0J1pMW_dialog[data-focused=true] ._0J1pMW_cover{width:min(calc(var(--card-height) * var(--ratio,.46)), 88vw);transform:translate(-50%, -50%) translateX(calc(var(--shift,0px) + var(--drag-x,0px))) translateZ(var(--depth,0px)) rotateY(var(--rotation,0deg));top:50%}._0J1pMW_dialog[data-focused=true] ._0J1pMW_cover:not([data-active=true]){opacity:0;pointer-events:none}._0J1pMW_dialog[data-focused=true] ._0J1pMW_reflection{opacity:.06}._0J1pMW_dialog[data-focused=true] ._0J1pMW_bottomBar{min-height:40px;padding-top:0;padding-bottom:max(12px, env(safe-area-inset-bottom));gap:0}._0J1pMW_dialog[data-focused=true] ._0J1pMW_thumbnails,._0J1pMW_dialog[data-focused=true] ._0J1pMW_hint{display:none}@media (max-width:767px){._0J1pMW_dialog{--viewer-top-space:max(72px, calc(env(safe-area-inset-top) + 50px));--viewer-bottom-space:max(88px, calc(env(safe-area-inset-bottom) + 67px));--viewer-top-gap:14px}._0J1pMW_topbar{min-height:72px;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));gap:12px}._0J1pMW_titleBlock h2,._0J1pMW_title{font-size:13px;line-height:20px}._0J1pMW_titleBlock p,._0J1pMW_subtitle{font-size:10px;line-height:17px}._0J1pMW_actions{gap:6px}._0J1pMW_iconButton{width:40px;height:40px}._0J1pMW_stage{--side-spread:28px;--stack-gap:54px;--card-height:min(62dvh, calc(100dvh - 270px), calc((100dvh - var(--viewer-top-space) - var(--viewer-bottom-space) - var(--viewer-top-gap)) / 1.24), 700px);perspective:1400px}._0J1pMW_sideControl{width:36px;height:36px}._0J1pMW_previous{left:max(12px, env(safe-area-inset-left))}._0J1pMW_next{right:max(12px, env(safe-area-inset-right))}._0J1pMW_bottomBar{padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left))}._0J1pMW_thumbnails{gap:7px}._0J1pMW_thumbnail{width:22px;height:38px}._0J1pMW_hint{font-size:10px;line-height:17px}._0J1pMW_dialog[data-focused=true] ._0J1pMW_stage{--card-height:min(82dvh, calc(100dvh - var(--viewer-top-space) - var(--viewer-bottom-space) - 18px), 900px)}}@media (max-height:520px){._0J1pMW_dialog{--viewer-top-space:max(58px, calc(env(safe-area-inset-top) + 50px));--viewer-bottom-space:max(74px, calc(env(safe-area-inset-bottom) + 44px));--viewer-top-gap:12px}._0J1pMW_topbar{min-height:58px;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}._0J1pMW_stage{--card-height:min(58dvh, calc((100dvh - var(--viewer-top-space) - var(--viewer-bottom-space) - var(--viewer-top-gap)) / 1.24))}._0J1pMW_bottomBar{min-height:74px;padding-top:0;padding-bottom:max(10px, env(safe-area-inset-bottom))}._0J1pMW_thumbnail{width:21px;height:36px}._0J1pMW_hint{display:none}}@media (prefers-reduced-motion:reduce){._0J1pMW_cover,._0J1pMW_reflection,._0J1pMW_iconButton,._0J1pMW_sideControl,._0J1pMW_thumbnail{transition:none}}