*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block}input,button,textarea,select{font:inherit}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px #00000080}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/images/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/images/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(/images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/images/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font: 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:#000c;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#fff;font-weight:700;line-height:2;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:#000c}:root{color-scheme:dark;--light-bg: rgb(233, 237, 255);--dark-bg: #0e121b}body{background-color:var(--dark-bg);transition:background-color .5s;font-family:Roboto,Arial,Helvetica,sans-serif;color:#333;overflow:auto;overflow:overlay}header{min-height:450px;margin:0;padding:15px 0;overflow:auto;background-color:var(--light-bg);position:relative}header .me{position:absolute;top:0;height:100%;width:min(45%,550px);min-width:260px}header .me:after{content:"";display:block;position:absolute;top:0;right:0;width:100%;max-width:350px;height:100%;background:url(/images/case_toon_key.png) no-repeat 0 10px;background-size:cover}header .head-copy{max-width:530px;margin-left:min(45%,550px);padding-right:30px}header .head-copy h1,header .head-copy p{background-color:rgb(from var(--light-bg) r g b / 80%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}header .head-copy h1{margin:25px 0 0;padding:0 10px;font-weight:700}header .head-copy p{font-size:16px;line-height:1.6;margin:7px 0;padding:5px 12px}@media (max-width: 810px){header .typing{display:none}header .head-copy h1{font-size:27px}header .head-copy p{font-size:15px}}.color-mode-toggle{position:absolute;top:1.8rem;right:2rem;display:flex;align-items:center}.color-mode-toggle label{font-size:14px;padding:5px 7px}.color-mode-toggle label.active{pointer-events:none}.color-mode-toggle label:hover:not(.active){cursor:pointer;color:#0c3c9b;text-decoration:underline}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(1),.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(8){color:red}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(2){color:orange}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(3){color:#949400}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(4){color:green}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(5){color:#00f}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(6){color:indigo}.color-mode-toggle label.colorful:hover:not(.active) span:nth-child(7){color:#ff50ff}.color-mode-toggle>.switch{width:40px;height:22px;border-radius:100px;position:relative;background-color:#0000000a;border:1px solid rgb(0,0,0,.2);box-shadow:0 1px 4px #00000024 inset;cursor:pointer;transition:background-color .1s}.color-mode-toggle>.switch:after{content:"";display:block;position:absolute;top:3px;left:21px;width:15px;height:15px;border-radius:100px;background:radial-gradient(circle,#fff,#fff0),conic-gradient(#cf0000,#cf9b00 12.5%,#cfc200,#b5cf00 18.75%,#67cf00,#1acf00 31.25%,#00cf0d,#00cf34 37.5%,#00cfcf,#0034cf 62.5%,#000dcf,#1a00cf 68.75%,#6700cf,#b500cf 81.25%,#cf00c2,#cf009b 87.5%,#cf0000);border:1px solid rgb(189 189 189);transition:left .1s ease-in-out}.color-mode-toggle>.switch:hover{background-color:#fff}body.greyscale{background-color:#000}body.greyscale header,body.greyscale footer{--light-bg: #f3f3f3}body.greyscale .switch:after{left:3px;background:linear-gradient(-90deg,#fff,#000)}body.greyscale h1{filter:grayscale()}body.greyscale .element:not(:hover){filter:grayscale()}body.greyscale #brands h1{color:#b5b5b5}body.greyscale #brands ul{filter:grayscale() contrast(1.2)}#main{position:relative;padding:10px}#container,.container{margin-bottom:20px;margin-right:auto;margin-left:auto}.element{width:120px;height:120px;background-color:#18212f;color:#686868;float:left;position:relative;cursor:pointer;transition:filter .3s ease-in-out}.element.hidden{display:none}.element>div{width:100%;height:100%;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center}.element h4{line-height:1.2;opacity:0;transition:opacity .2s;padding:20px;font-size:1.5em;color:#fff;background-color:#0009;width:100%}.element .external-link{opacity:0;transition:opacity .2s;position:absolute;bottom:0;left:0;max-width:100%;font-size:.7em;color:#fff;background-color:#0009;padding:10px 23px 10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element .external-link:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath fill='white' d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath fill='white' d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");content:"";width:14px;height:14px;position:absolute;right:5px;top:10px}.element:hover{color:#7e7e7e}.element:hover h4,.element:hover .external-link{opacity:1}#overlay{position:fixed;width:100%;height:100%;top:0;left:0;overflow-y:auto;will-change:transform;padding:min(5%,65px) 5% 5%;color:#fff;display:none}#overlay #content{max-width:1310px;margin:0 auto;background-color:#000;color:#687f99;padding:70px 50px;position:relative;border:10px solid white;border-radius:4px;pointer-events:auto}#overlay #content>div{overflow:hidden;max-width:970px;margin:0 auto}#scrim{background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0;display:none}#scrim,.fancybox-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.close{font-size:2em;background-color:#010101cc;display:block;position:absolute;top:-21px;right:-21px;width:32px;height:32px;text-align:center;border:3px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;box-shadow:0,0,4px,1px,#000}.close svg{pointer-events:none;margin:1px 0 0}h1{color:#673f99;font-size:35px;margin:40px 0 20px}h2{color:#00deff;font-size:30px;margin:10px 50px 40px 150px}h3{color:#00deff;font-size:25px;margin-top:4px}h4{color:#00deff;font-size:20px}p{font-size:17px;margin:12px 0 20px}a.thumb{display:block;float:left;height:200px;width:200px;background:#3a414c;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 9px 8px 0;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}a.thumb:last-child{margin-right:0}a{transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s}a,a:active,a:visited{color:#674aff}a:hover{color:#1a7af1}a.short{height:136px}a.f00{color:#860032}a.f00:hover{color:#ff0019}.col{margin-left:-10px}.col>*{display:block;float:left;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.col>*>*{padding:0 0 0 10px;max-width:100%;max-height:100%}.col2>*{width:50%!important}.col3>*{width:33.3333%!important}.col4>*{width:25%!important}.col5>*{width:20%!important}p.detail{font-size:15px}dl{clear:both;display:block;padding:10px 50px;font-size:15px}dt,dd{padding:10px 0 0}dt{float:left;width:100px;text-align:right;color:#435b77}dt:after{content:": "}dd{margin-left:110px}ol,ul{margin-left:30px;counter-reset:li;margin-top:10px}ol li,ul li{position:relative;margin-bottom:11px}small{font-size:11px}.thumbs-vert{padding:0 10px;min-width:975px;width:100%;overflow:hidden}.left,.right{margin-bottom:20px;position:relative;z-index:1000}.left{float:left;margin-right:30px}.right{float:right;margin-left:30px}.vert h2{margin-top:20px}.vert p{position:relative;font-size:15px}.vert p b{display:block;color:#435b77;font-weight:400;position:relative;left:-10px}.new-and-improved h2{font-size:40px;margin:10px 50px 40px 0}.scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.fancybox-lock .fancybox-overlay{overflow:hidden}#brands{max-width:980px;margin:0 auto;text-align:center;display:none}#brands ul{display:block;margin:10px 10px 30px 3px}#brands ul li{display:inline-block}#brands ul li div{width:155px;height:120px;background-position:50% 50%;background-repeat:no-repeat}footer{text-align:center;background-color:var(--light-bg);padding:50px 0 70px;display:none}.w-1{width:120px}.h-1{height:120px}.w-2{width:250px}.h-2{height:250px}.w-3{width:380px}.h-3{height:380px}.w-4{width:510px}.h-4{height:510px}.w-5{width:640px}.h-5{height:640px}.w-6{width:770px}.h-6{height:770px}.w-7{width:900px}.h-7{height:900px}.w-8{width:1030px}.h-8{height:1030px}.w-9{width:1160px}.h-9{height:1160px}.w-10{width:1290px}.h-10{height:1290px}a.c1{width:955px;margin-right:0}a.c2{width:474px}a.c3{width:312px}a.c4{width:232px}a.c5{width:182px}a.c6{width:150px}