.Colors{padding:0 60px}@media(max-width:768px){.Colors{padding:0 24px}}.Colors-grid{margin:60px 0 90px}.Colors-tabList{padding:0 15px;list-style-type:none;position:relative;border-bottom:none;z-index:0;display:flex;margin-bottom:0}@media(max-width:768px){.Colors-tabList{overflow-x:auto;justify-content:flex-start}}.Colors-tabItem{flex:1 1;display:flex}.Colors-tabItem:first-child .Colors-tab{border-radius:20px 0 0 0}.Colors-tabItem:last-child .Colors-tab{box-shadow:none;border-radius:0 20px 0 0}@media(max-width:768px){.Colors-tabItem{min-width:100px;flex:0 0 auto}}.Colors-tab{width:100%;position:relative;z-index:0;padding:30px 0;box-shadow:8px 12px 25px 2px rgba(0,0,0,.4);cursor:pointer;transition:all .2s ease;transform:translateY(20px);border:none}.Colors-tab:hover{transform:translateY(15px)}.Colors-tab:focus-visible{outline:3px solid #111827;outline-offset:2px}.Colors-tab.is-active{margin:0;z-index:20!important;transform:translateY(0)}.Colors-tab.is-active,.Colors-tabItem:first-child .Colors-tab.is-active,.Colors-tabItem:last-child .Colors-tab.is-active{border-radius:10px 10px 0 0}.Colors-tabLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.Colors-panels{box-shadow:0 6px 10px -2px rgba(0,0,0,.25);padding:30px 40px;background:#fff;position:relative}@media(max-width:768px){.Colors-panels{padding:30px 20px}}.Colors-panel{display:none;flex-wrap:wrap;justify-content:space-between}.Colors-panel.is-visible{display:flex}.Colors-panelTitle{width:100%;text-align:center;text-transform:uppercase;font-size:38px;margin:8px 0 32px;letter-spacing:8px}.Colors-card{background-color:#fff;border-radius:5px;display:block;float:left;margin:14px 20px;flex-grow:0;flex-shrink:1;flex-basis:calc(25% - 40px)}@media(max-width:768px){.Colors-card{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 40px)}}@media(max-width:480px){.Colors-card{flex:0 1 100%;margin:14px 0}}.Colors-swatch{width:100%;height:100px;background-color:#000;border-top-right-radius:35px;display:block}.Colors-cardText{display:flex;flex-direction:column;box-shadow:0 2px 6px #ccc;padding:8px 0}.Colors-cardTitle{font-size:14px;line-height:1.2;letter-spacing:.5px;color:#2f4550;margin:0;padding:0 8px;font-weight:700}.FanDeck{width:100%;overflow-x:hidden}.FanDeck .FanDeck-strips{width:700px;height:500px;margin:60px auto 140px;position:relative}@media(max-width:768px){.FanDeck .FanDeck-strips{transform:scale(.42);margin-top:-110px;margin-bottom:-50px;left:50%;margin-left:-350px}}.FanDeck .pin{width:28px;height:28px;background:#5c5d5f;background-image:radial-gradient(circle at 50% 50%,#5c5d5f 30%,#4b4b4d 37%,#4b4b4d 43%,#8c8e91 47%,#8c8e91 60%,#68696b 70%,#535456);border-radius:50%;position:absolute;top:353px;left:360px;z-index:100}.FanDeck .FanDeck-strip{width:360px;height:118px;border-radius:6px;position:absolute;color:#fff;padding:12px 30px;transform-origin:21px calc(100% - 21px);text-align:right}.FanDeck .FanDeck-strip h2{font-size:18px;text-transform:uppercase}.FanDeck .FanDeck-strip h1{margin:28px 0;font-size:45px;text-align:center;line-height:22px;text-shadow:-3px -2px 1px hsla(0,0%,100%,.2)}.FanDeck .FanDeck-strip h1 span{display:block}.FanDeck .FanDeck-strip h1 span sub{font-size:.6em;vertical-align:initial}.FanDeck .FanDeck-strip h1 span:first-child{position:relative;left:-50px}.FanDeck .FanDeck-strip h1 span:nth-child(2){position:relative;left:50px}.FanDeck .FanDeck-strip small{display:block;font-size:12px;font-weight:600}.FanDeck .FanDeck-strip em{position:absolute;top:12px;left:calc(100% - 12px);transform-origin:0 0;transform:rotate(90deg);line-height:1;font-style:normal;font-size:11px}.FanDeck .FanDeck-strip:first-child{box-shadow:-5px -4px 10px rgba(0,0,0,.08);background:#8f9dd0;z-index:1;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(2){background:#80acdc;z-index:2;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(3){background:#58c3f0;z-index:3;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(4){background:#6dcde0;z-index:4;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(5){background:#6dc9c3;z-index:5;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(6){background:#7ec7ad;z-index:6;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(7){background:#aed580;z-index:7;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(8){background:#fed17b;z-index:8;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(9){background:#f89e68;z-index:9;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(10){background:#e86e6e;z-index:10;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(11){background:#d47385;z-index:11;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(12){background:#fff;z-index:12;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(13){background:#fff;z-index:13;transform:translate(350px,270px) rotate(1turn)}.FanDeck .FanDeck-strip:nth-child(14){background:#121213;z-index:14;transform:translate(350px,270px) rotate(1turn)}@keyframes animate-1{0%{transform:translate(350px,270px) rotate(1turn)}to{transform:translate(350px,270px) rotate(180deg)}}@keyframes animate-2{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(192.25deg)}}@keyframes animate-3{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(204.5deg)}}@keyframes animate-4{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(216.75deg)}}@keyframes animate-5{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(229deg)}}@keyframes animate-6{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(241.25deg)}}@keyframes animate-7{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(253.5deg)}}@keyframes animate-8{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(265.75deg)}}@keyframes animate-9{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(278deg)}}@keyframes animate-10{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(290.25deg)}}@keyframes animate-11{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(302.5deg)}}@keyframes animate-12{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(330deg)}}@keyframes animate-13{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(357.5deg)}}@keyframes animate-14{0%{box-shadow:-5px -4px 10px rgba(0,0,0,0);transform:translate(350px,270px) rotate(1turn)}to{box-shadow:-5px -4px 10px rgba(0,0,0,.08);transform:translate(350px,270px) rotate(385deg)}}.FanDeck.FanDeck--animate .FanDeck-strip:first-child{animation:animate-1 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(2){animation:animate-2 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(3){animation:animate-3 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(4){animation:animate-4 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(5){animation:animate-5 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(6){animation:animate-6 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(7){animation:animate-7 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(8){animation:animate-8 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(9){animation:animate-9 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(10){animation:animate-10 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(11){animation:animate-11 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(12){animation:animate-12 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(13){animation:animate-13 1s ease-in-out .1s forwards}.FanDeck.FanDeck--animate .FanDeck-strip:nth-child(14){animation:animate-14 1s ease-in-out .1s forwards}.FanDeck .FanDeck-strip:nth-child(12){padding:12px;color:#8aaddb;background-image:linear-gradient(75deg,#8aaddb 50%,#fff 0);background-size:101% 120%}.FanDeck .FanDeck-strip:nth-child(13){padding:12px;color:#6377b9;background-image:linear-gradient(75deg,#6377b9 40%,#fff 0);background-size:101% 120%}.FanDeck .FanDeck-strip:nth-child(14){background-image:repeating-linear-gradient(230deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 4px)}