@font-face{font-family:PrimaryFont;src:url(ToyotaType-Black.37cea46a3848beed.otf)}@font-face{font-family:MarkerFelt;src:url(MarkerFelt.d34a17a79736ef4b.ttc)}@font-face{font-family:Gunydrops;src:url(Gunydrops.40d15aa9fec9a536.otf)}*{font-family:PrimaryFont}html{height:100%}body{height:100%;margin:0}.next{cursor:pointer;position:absolute;bottom:8%;right:5%}.back{cursor:pointer;position:absolute;bottom:8%;left:5%}.design-area{position:relative;height:82%;width:54%;display:flex;justify-content:center;align-items:center}.design-area img{max-width:100%;max-height:100%;width:auto;margin:auto;display:block}.design-area .patch-container{cursor:pointer;border-radius:8px;position:absolute;width:60px;height:60px;display:flex}.design-area .patch-container.DarkDenimJacket.right-shoulder{top:23%;left:32%}.design-area .patch-container.DarkDenimJacket.left-sleeve{top:60%;right:5%;transform:rotate(-41deg)}.design-area .patch-container.DarkDenimJacket.bottom-left{top:64%;right:35%}.design-area .patch-container.DarkDenimJacket.back-upper-left{left:31%;top:47%}.design-area .patch-container.DarkDenimJacket.back-bottom-right{bottom:22%;right:29%}.design-area .patch-container.LightDenimJacket.right-shoulder{top:27%;left:35%}.design-area .patch-container.LightDenimJacket.left-sleeve{top:63%;right:4.7%;transform:rotate(-33deg)}.design-area .patch-container.LightDenimJacket.bottom-left{top:64%;right:35%}.design-area .patch-container.LightDenimJacket.back-upper-left{left:31%;top:52%}.design-area .patch-container.LightDenimJacket.back-bottom-right{bottom:21%;right:30%}.design-area .patch-container.WhiteDenimJacket.right-shoulder{top:24%;left:35%}.design-area .patch-container.WhiteDenimJacket.left-sleeve{top:65%;right:5%;transform:rotate(-28deg)}.design-area .patch-container.WhiteDenimJacket.bottom-left{top:61%;right:37%}.design-area .patch-container.WhiteDenimJacket.back-upper-left{left:35%;top:48%}.design-area .patch-container.WhiteDenimJacket.back-bottom-right{bottom:20%;right:31%}.design-area .patch-container.DarkDenimBucket{height:80px;width:80px}.design-area .patch-container.DarkDenimBucket.left{top:20%;left:27%}.design-area .patch-container.DarkDenimBucket.center{top:10%;left:38.2%}.design-area .patch-container.DarkDenimBucket.right{top:21%;left:49%;transform:rotate(6deg)}.design-area .patch-container.MediumBlueBucket{height:80px;width:80px}.design-area .patch-container.MediumBlueBucket.left{top:20%;left:27%}.design-area .patch-container.MediumBlueBucket.center{top:10%;left:38.2%}.design-area .patch-container.MediumBlueBucket.right{top:21%;left:49%;transform:rotate(6deg)}.design-area .patch-container.LightBlueBucket{height:80px;width:80px}.design-area .patch-container.LightBlueBucket.left{top:20%;left:25%}.design-area .patch-container.LightBlueBucket.center{top:10%;left:36.2%}.design-area .patch-container.LightBlueBucket.right{top:21%;left:48%;transform:rotate(6deg)}.design-area .patch-container.BlackDenimTote.top-left{left:31%;top:40%}.design-area .patch-container.BlackDenimTote.top-right{right:32%;top:40%}.design-area .patch-container.BlackDenimTote.bottom-left{bottom:6%;left:38%}.design-area .patch-container.BlackDenimTote.bottom-right-upper{bottom:16%;right:39%}.design-area .patch-container.BlackDenimTote.bottom-right-lower{bottom:6%;right:31%}.design-area .patch-container.MediumBlueTote.top-left{left:31%;top:40%}.design-area .patch-container.MediumBlueTote.top-right{right:32%;top:40%}.design-area .patch-container.MediumBlueTote.bottom-left{bottom:6%;left:38%}.design-area .patch-container.MediumBlueTote.bottom-right-upper{bottom:16%;right:39%}.design-area .patch-container.MediumBlueTote.bottom-right-lower{bottom:6%;right:31%}.design-area .patch-container.DarkBlueTote.top-left{left:31%;top:40%}.design-area .patch-container.DarkBlueTote.top-right{right:32%;top:40%}.design-area .patch-container.DarkBlueTote.bottom-left{bottom:6%;left:38%}.design-area .patch-container.DarkBlueTote.bottom-right-upper{bottom:16%;right:39%}.design-area .patch-container.DarkBlueTote.bottom-right-lower{bottom:6%;right:31%}.design-area .engraving-location{position:absolute;width:75px;height:75px;display:flex}.design-area .engraving-location.tote{left:33%;top:57%}.design-area .engraving-location.hat{right:17%;top:26%}.design-area .engraving-location.jacket.front{top:26%;right:31%}.design-area .engraving-location.jacket.back{top:27%;left:4%;right:0;margin:0 auto}.design-area .engraving-location img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;margin:auto}.design-area .text-area{position:absolute;top:50%;width:150px;height:50px;background-image:url(/assets/text/text-background.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.design-area .text-area.back-text{top:40%;left:42%}.design-area .text-area.left-sleeve-text{left:8%;transform:rotate(-50deg)}.design-area .text-area.right-sleeve-text{right:6%;transform:rotate(50deg)}.design-area .text-area.tote-text{background:transparent;border:5px solid #ef8e85;border-radius:10px;top:57%;left:44%;width:185px}.design-area .text-area.tote-text span{line-height:42px}.design-area .text-area span{line-height:48px;font-size:2rem;text-align:center;display:inline-block;font-weight:700;text-transform:uppercase;width:100%}