.PageTemplate-module-scss-module__AwtHua__page{width:100%;max-width:1200px;padding:140px var(--padding-side) 200px;margin:0 auto}@media screen and (max-width:760px){.PageTemplate-module-scss-module__AwtHua__page{padding:120px var(--padding-side) 160px}}.PageTemplate-module-scss-module__AwtHua__title{font-family:var(--font-heading);font-feature-settings:"palt";letter-spacing:.05em;scroll-margin-top:8rem;font-size:48px;font-weight:600;line-height:1.2}@media screen and (max-width:760px){.PageTemplate-module-scss-module__AwtHua__title{font-size:40px}}.PageTemplate-module-scss-module__AwtHua__description{margin-top:1.6rem}.PageTemplate-module-scss-module__AwtHua__h2{font-family:var(--font-heading);margin:9.6rem 0 1.6rem;scroll-margin-top:8rem;font-size:40px;font-weight:600}@media screen and (max-width:760px){.PageTemplate-module-scss-module__AwtHua__h2{margin:6.4rem 0 1.6rem;font-size:32px}}.PageTemplate-module-scss-module__AwtHua__h3{font-family:var(--font-heading);margin:4.8rem 0 1.6rem;scroll-margin-top:8rem;font-size:28px;font-weight:600}@media screen and (max-width:760px){.PageTemplate-module-scss-module__AwtHua__h3{margin:3.2rem 0 1.6rem;font-size:24px}}.PageTemplate-module-scss-module__AwtHua__h4{font-family:var(--font-heading);margin:3.2rem 0 1.6rem;font-size:20px;font-weight:600}@media screen and (max-width:760px){.PageTemplate-module-scss-module__AwtHua__h4{margin:2.4rem 0 1.6rem;font-size:18px}}.PageTemplate-module-scss-module__AwtHua__text{margin:1.6rem 0;font-size:16px}.PageTemplate-module-scss-module__AwtHua__text a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.PageTemplate-module-scss-module__AwtHua__text a:hover{text-decoration:none}.PageTemplate-module-scss-module__AwtHua__text a[target=_blank]:after{content:"";vertical-align:-.15em;background-color:currentColor;width:1em;height:1em;margin-left:.25em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25'/%3E%3C/svg%3E") 50%/contain no-repeat}.PageTemplate-module-scss-module__AwtHua__imagesWrapper{margin:1.6rem 0}.PageTemplate-module-scss-module__AwtHua__images{grid-template-columns:repeat(var(--_columns), 1fr);grid-gap:2.4rem 10px;gap:2.4rem 10px;display:grid}.PageTemplate-module-scss-module__AwtHua__imageTitle{margin-bottom:.8rem;font-size:18px;font-weight:500}.PageTemplate-module-scss-module__AwtHua__imageBody[data-border=true]{border:solid 1px var(--color-border)}.PageTemplate-module-scss-module__AwtHua__imageCaption{align-items:center;gap:.5em;margin-top:.4rem;font-size:14px;display:flex}.PageTemplate-module-scss-module__AwtHua__imageCaptionIcon{aspect-ratio:1;align-items:center;width:1.3em;display:inline-flex}.PageTemplate-module-scss-module__AwtHua__imageCaptionIcon[data-icon=ok]{color:var(--color-blue)}.PageTemplate-module-scss-module__AwtHua__imageCaptionIcon[data-icon=ng]{color:var(--color-red)}.PageTemplate-module-scss-module__AwtHua__imageCaptionIcon svg{overflow:visible}.PageTemplate-module-scss-module__AwtHua__videoWrapper{margin:1.6rem 0}.PageTemplate-module-scss-module__AwtHua__videoBody video{width:100%;height:auto;display:block}.PageTemplate-module-scss-module__AwtHua__button{background-color:var(--color-blue);width:fit-content;color:var(--color-white);text-transform:capitalize;border-radius:4px;justify-content:center;align-items:center;margin-top:.8rem;padding:.5em 1.5em;font-weight:500;display:flex}
.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffs{grid-row-gap:1.6rem;grid-template-columns:repeat(5,1fr);row-gap:1.6rem;margin:1.6rem 0 3.2rem;display:grid}.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffsRect{aspect-ratio:1;justify-content:center;align-items:center;padding:15%;display:flex;position:relative;overflow:hidden}.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffsRect[data-ng=true]:after{content:"";background-color:var(--color-red);width:120%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffsLogo{width:100%;height:auto;display:block}.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffsCode{margin-top:.4rem;font-size:12px;font-weight:500}.BackgroundColorDiffs-module-scss-module__8XXkZa__bgColorDiffsNote{margin-top:.4rem;font-size:12px}
.ColorPalette-module-scss-module__nwKl2a__colorPalette{margin-top:1.6rem;display:flex}.ColorPalette-module-scss-module__nwKl2a__colorPaletteItem{flex:1;flex:var(--_ratio,1)}.ColorPalette-module-scss-module__nwKl2a__colorPaletteRect{height:20px}[data-variant=block][data-size=s] .ColorPalette-module-scss-module__nwKl2a__colorPaletteRect{height:90px}[data-variant=block][data-size=m] .ColorPalette-module-scss-module__nwKl2a__colorPaletteRect{height:120px}[data-variant=block][data-size=l] .ColorPalette-module-scss-module__nwKl2a__colorPaletteRect{height:250px}.ColorPalette-module-scss-module__nwKl2a__colorPaletteCodes{margin-top:.8rem;font-size:12px;font-weight:500;line-height:1.5}
.ColorScale-module-scss-module__PxKiEG__colorScale{margin-top:1.6rem}.ColorScale-module-scss-module__PxKiEG__colorScaleTitle{margin-bottom:.8rem;font-size:18px;font-weight:500}.ColorScale-module-scss-module__PxKiEG__colorScaleList{flex-wrap:wrap;gap:.8rem 0;display:flex}.ColorScale-module-scss-module__PxKiEG__colorScaleItem{flex-shrink:0;width:140px}.ColorScale-module-scss-module__PxKiEG__colorScaleRect{aspect-ratio:3/2;cursor:pointer;width:100%;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.ColorScale-module-scss-module__PxKiEG__colorScaleRect:hover .ColorScale-module-scss-module__PxKiEG__colorScaleCopyLabel{opacity:1}}.ColorScale-module-scss-module__PxKiEG__colorScaleCopyLabel{background-color:rgb(from var(--color-black) r g b/.5);width:fit-content;height:fit-content;color:var(--color-white);text-align:center;opacity:0;justify-content:center;align-items:center;margin:auto;padding:.5em;font-size:12px;font-weight:500;line-height:1.4;display:flex;position:absolute;inset:0}.ColorScale-module-scss-module__PxKiEG__colorScaleTag{border:solid 1px var(--color-border);text-align:center;border-radius:100vh;margin-top:.4rem;padding:.5em;font-size:12px;font-weight:500;line-height:1.3}