.WrapColorPreview_root__2JIgS{background:-webkit-gradient(linear,left top,left bottom,from(#181c23),to(hsla(0,0%,49%,.16)));background:linear-gradient(180deg,#181c23,hsla(0,0%,49%,.16));padding:40px 2.5%;color:#fff}.WrapColorPreview_content__3GZgS{display:block;max-width:1400px;margin:auto}.WrapColorPreview_content__3GZgS>div{display:inline-block;vertical-align:top}.WrapColorPreview_title__q00ne{font-size:30px;font-weight:700;line-height:1;margin-bottom:20px}.WrapColorPreview_preview__1O_aY{width:70%;padding-right:20px;position:sticky;top:80px}.WrapColorPreview_previewPage__1krsU{top:20px}.WrapColorPreview_preview__1O_aY img{border-radius:10px}.WrapColorPreview_mainPreview__zTR0T{width:100%;display:block;margin-bottom:10px;overflow:hidden;position:relative;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:10px}.WrapColorPreview_mainPreview__zTR0T>img{width:100%;max-height:600px;object-fit:cover;display:block}.WrapColorPreview_mainPreview__zTR0T>img:nth-child(2){position:absolute;left:0;top:0;height:100%;width:100%;display:block}.WrapColorPreview_copyButton__3Ztb1{position:absolute;left:20px;top:15px;color:#000;background:#fff;border:1px solid #fff;border-radius:5px;padding:10px 20px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-size:16px}.WrapColorPreview_copyButton__3Ztb1:hover{color:#aaa}.WrapColorPreview_colorName__1mUy-{z-index:1;position:absolute;color:red;font-size:40px;bottom:10px;left:10px;font-weight:700}.WrapColorPreview_thumbnail__3VJw2{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.WrapColorPreview_thumbnail__3VJw2>div{width:100%;overflow:hidden;border-radius:10px;position:relative;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.WrapColorPreview_thumbnail__3VJw2>div>img{display:block;width:100%;cursor:pointer}.WrapColorPreview_thumbnail__3VJw2>div>img:nth-child(2){position:absolute;left:0;top:0;height:100%;width:100%;display:block}.WrapColorPreview_config__rhIzp{width:30%}.WrapColorPreview_configTitle__3tEPd{font-size:20px;margin-bottom:20px;font-weight:700}.WrapColorPreview_colorBlock__2fmVv{border-radius:10px;background:hsla(0,0%,76.9%,.09);padding:20px;margin-bottom:20px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.WrapColorPreview_colorsTitle__315Fe{margin-bottom:10px;font-weight:700;font-size:16px}.WrapColorPreview_colors__3G4GP{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.WrapColorPreview_color__186_s{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:5px;overflow:hidden;cursor:pointer;object-fit:cover;padding:10px;background:rgba(0,0,0,.13)}.WrapColorPreview_disclaimer__3oVB_{color:#aaa;margin-top:10px;font-size:16px}.WrapColorPreview_bookNow__3KSvs{color:#000!important;background:#fc0;padding:20px;font-size:20px;font-weight:700;border-radius:10px;width:100%;display:block;text-align:center;margin-top:40px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.WrapColorPreview_bookNow__3KSvs:hover{-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px);background:#ffdb00;-webkit-box-shadow:inset -4px -4px 0 #000;box-shadow:inset -4px -4px 0 #000}.WrapColorPreview_pageTitle__13o7j{display:none!important}@media only screen and (max-width:1200px){.WrapColorPreview_colors__3G4GP{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1000px){.WrapColorPreview_content__3GZgS>div{display:block;text-align:left}.WrapColorPreview_preview__1O_aY{width:100%;z-index:1;padding:0;top:0}.WrapColorPreview_preview__1O_aY>div{display:inline-block;vertical-align:top}.WrapColorPreview_pageTitle__13o7j{display:block!important}.WrapColorPreview_preview__1O_aY>div:first-child{display:none}.WrapColorPreview_preview__1O_aY>div:nth-child(2){width:75%}.WrapColorPreview_preview__1O_aY>div:nth-child(3){width:25%}.WrapColorPreview_preview__1O_aY img{border-radius:5px}.WrapColorPreview_config__rhIzp{width:100%;background:none}.WrapColorPreview_colors__3G4GP{grid-template-columns:repeat(7,1fr)}.WrapColorPreview_thumbnail__3VJw2{padding-left:5px}.WrapColorPreview_thumbnail__3VJw2>div{margin-bottom:5px}.WrapColorPreview_thumbnail__3VJw2>div:last-child{margin-bottom:0}.WrapColorPreview_mainPreview__zTR0T{margin-bottom:0;border-radius:5px}.WrapColorPreview_disclaimer__3oVB_{margin-top:0;position:absolute;bottom:30px;left:20px;z-index:1;color:#fff;font-size:14px}.WrapColorPreview_configTitle__3tEPd{margin-top:20px}}@media only screen and (max-width:768px){.WrapColorPreview_preview__1O_aY>div{display:block}.WrapColorPreview_preview__1O_aY>div:first-child{display:none}.WrapColorPreview_preview__1O_aY>div:nth-child(2){width:100%}.WrapColorPreview_preview__1O_aY>div:nth-child(3){display:grid;width:100%;margin-top:5px;grid-gap:5px;gap:5px;padding-left:0}.WrapColorPreview_thumbnail__3VJw2>div:last-child{margin-bottom:5px}.WrapColorPreview_copyButton__3Ztb1{position:absolute;right:0;top:0;left:unset;border:none;border-radius:5px;padding:10px;color:#fff;background:hsla(0,0%,100%,.13);font-size:12px}.WrapColorPreview_copyButton__3Ztb1:hover{color:#fff}.WrapColorPreview_disclaimer__3oVB_{top:10px;font-size:12px;bottom:unset;width:50%}.WrapColorPreview_colors__3G4GP{grid-template-columns:repeat(6,1fr)}.WrapColorPreview_bookNow__3KSvs{font-size:18px}}@media only screen and (max-width:600px){.WrapColorPreview_colors__3G4GP{grid-template-columns:repeat(5,1fr)}.WrapColorPreview_colorBlock__2fmVv{padding:10px}}.WrapColorView_root__bJVKC>div{text-align:center}.WrapColorView_header__3d9JX{margin-bottom:20px;text-align:left}.WrapColorView_title__328og{display:block;font-size:40px;font-weight:700;margin-bottom:20px;line-height:1}.WrapColorView_title__328og>span{background:linear-gradient(40deg,#e106ff,#ffd105);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.WrapColorView_description__2iEdL{font-size:18px;line-height:1.5}.WrapColorView_bookNow__3jrDc{color:#000!important;background:#fc0;padding:20px;font-size:20px;font-weight:700;border-radius:10px;display:inline-block;text-align:center;margin-top:40px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.WrapColorView_bookNow__3jrDc:hover{-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px);background:#ffdb00;-webkit-box-shadow:inset -4px -4px 0 #000;box-shadow:inset -4px -4px 0 #000}@media only screen and (max-width:768px){.WrapColorView_header__3d9JX{padding:0 10px}.WrapColorView_title__328og{font-size:30px;margin-bottom:10px}.WrapColorView_description__2iEdL{font-size:14px}}