@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=Rubik:wght@400;500;600;700;800;900&family=Russo+One&display=swap";body,*{font-family:Poppins;-webkit-box-sizing:border-box;box-sizing:border-box}button:disabled{cursor:not-allowed!important;opacity:.5}#plate-customizer{width:100%;border-radius:8px;background:#0080b0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-top:20px}#plate-preview,#plate-options{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:30px;width:100%;flex:1}#plates-bg{flex-direction:column;padding:0;box-shadow:0 8px 8px #3131318a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;background:#00668c;width:100%}#front_plate,#rear_plate{-webkit-filter:drop-shadow(9px 9px 4px rgba(0,0,0,.5));filter:drop-shadow(9px 9px 4px rgba(0,0,0,.5));-webkit-box-shadow:0 0;box-shadow:0 0;width:560px;height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-inline:auto;z-index:0}#front_svg,#rear_svg{margin:0 auto;display:block;position:relative;z-index:1}.plate_text_wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.plate_text{width:100%;text-align:center;text-transform:uppercase;font-size:65px;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:max-content;margin:0;padding:0}.plate_text.square{inline-size:174px;overflow-wrap:break-word;line-height:70px}.plate_text.with-badge{-webkit-transform:translate(-44%,-50%);transform:translate(-44%,-50%)}#plate-images{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:450.6px;border-radius:4px;background:#fff;position:relative;z-index:0;overflow:hidden}#plate-images .slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;background:#00668c;cursor:pointer;height:100%}#plate-images .slide.left{left:0;-webkit-box-shadow:8px 0px 10px 0px rgba(0,0,0,.25);box-shadow:8px 0 10px #00000040}#plate-images .slide.right{right:0;-webkit-box-shadow:-8px 0px 10px 0px rgba(0,0,0,.25);box-shadow:-8px 0 10px #00000040}#plate-images .slide i{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#00baff;border-radius:50%;color:#000}#plate-images img{display:none;-o-object-fit:cover;object-fit:cover;width:100%}#plate-images img.active{display:block}.title{color:#fff;font-family:Poppins;font-size:38px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;text-align:center}#description{color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:30.4px;max-height:400px;overflow-y:auto}#add-to-cart{position:sticky;position:-webkit-sticky;top:500px;right:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px 15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#ff0;border-radius:8px;width:100%}#add-to-cart span{color:#000;font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}#add-to-cart .plate-btn{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:4px;background:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#add-to-cart .plate-btn span{color:#fff}#all-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:54px;width:100%;margin-block:2em}#ratings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px}#ratings i{color:#f5de0b;font-size:24px}.options-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;width:100%;min-height:300px}.options-group.hide{display:none}.title-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;width:100%}.title-container .title-bg{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-radius:0 50px 50px 0;background:#00668c}.title-container .title-bg .title-svg{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.title-container .title-bg .title-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.title-container .title-bg span{color:#90e0ef;font-family:Russo One;font-size:18px;font-style:normal;font-weight:400;line-height:36.8px;text-transform:capitalize}.labels{color:#fff;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:36.8px;text-transform:capitalize}#reg-input{text-transform:uppercase}.input{padding:2px 10px;background-color:#fff;color:#000;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:36.8px}.check-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.check-field .side{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;padding:4px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;color:#000;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;text-transform:capitalize;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.check-field .side.left-side{border-radius:50px 0 0 50px}.check-field .side.right-side{border-radius:0 50px 50px 0}.check-field .side .point{width:10px;height:10px;background-color:currentColor;border-radius:50%}.check-field .side.active{background:#90e0ef;color:#0080b0;font-weight:600}.select-container{position:relative;z-index:0}.select-plates{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 12px 6px 4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}:where(.select-plates,.shapes-list) div{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}:where(.select-plates,.shapes-list) .plate-img{width:120px;max-height:36px;-o-object-fit:cover;object-fit:cover}:where(.select-plates,.shapes-list) .plate-name{color:#000;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:36.8px;text-transform:uppercase}.shapes-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;max-height:200px;overflow-y:auto;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;top:50px;left:0;width:100%;-webkit-box-shadow:0 4px 8px #353535;box-shadow:0 4px 8px #353535;border-radius:0 0 4px 4px}.white-board{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:4px;background:#fff;margin-bottom:10px}.white-board.overflow_x{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.white-board.overflow_x::-webkit-scrollbar{width:0;height:0}.white-board.overflow_x div{width:100px;height:64px;overflow:hidden}.white-board.overflow_y{max-height:10em;overflow-y:auto;overflow-x:hidden}.white-board .grid{display:grid;grid-template-columns:repeat(3,minmax(10em,1fr));grid-column-gap:8px;grid-row-gap:8px;width:100%}.white-board .grid.slider{display:grid;grid-template-columns:40px repeat(3,1fr) 40px;grid-column-gap:8px;grid-row-gap:8px;width:100%}.white-board .style-box{height:64px}.white-board .style-box.effect{height:130px}.white-board.hidden{display:none}.white-board .slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#00668c;cursor:pointer;height:100%}.white-board .slide.left{-webkit-box-shadow:8px 0px 10px 0px rgba(0,0,0,.25);box-shadow:8px 0 10px #00000040}.white-board .slide.right{-webkit-box-shadow:-8px 0px 10px 0px rgba(0,0,0,.25);box-shadow:-8px 0 10px #00000040}.white-board .slide i{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#00baff;border-radius:50%;color:#000}.style-box{position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 38px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid #000;background:#eee;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style-box.active{border:1px solid #90E0EF;outline:2px solid #90E0EF}.style-name{position:absolute;top:4px;left:10px;color:#000;font-family:Poppins;font-size:10px;font-style:normal;font-weight:500;line-height:16.8px;text-transform:capitalize}.style-preview{color:#000;font-size:24px;text-transform:capitalize;-webkit-transform:none!important;transform:none!important;min-width:106px}.border-select{border-radius:6px;border:1px solid #000;background:#eee;width:calc(25% - 8px);height:90px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center}.border-select.active{border:1px solid #90E0EF;outline:2px solid #90E0EF}.border-select span{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.border-color{border:1px solid #9d8181;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.border-color.active{border:1px solid #90E0EF;outline:2px solid #90E0EF}.color-circle{border-radius:50%;width:40px;height:40px}.no-border{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;background:#ddd;color:#000;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase}.badge-select{border-radius:6px;border:1px solid #000;background:#eee;width:calc(25% - 8px);height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center}.badge-select.item{width:calc(25% - 8px);height:90px;overflow:hidden}.badge-select.active{border:1px solid #90E0EF;outline:2px solid #90E0EF}.badge-select span{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.fixings-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch-button{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#fff;border-radius:50px;width:70px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.switch-button.active{border:1px solid #90E0EF;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.switch-circle{width:25px;height:25px;border-radius:50%;background-color:#d9d9d9}.switch-circle.active{background-color:#90e0ef}.slogan-select{border-radius:6px;border:1px solid #000;background:#eee;width:calc(25% - 8px);height:120px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center}.slogan-select.active{border:1px solid #90E0EF;outline:2px solid #90E0EF}.slogan-select span{color:#000;font-family:Inter;font-size:10px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.slogan-img{width:100%;height:100%;object-fit:cover}.BLACK_3D_GEL{stroke-width:4px!important;stroke:#000!important;filter:drop-shadow(0px 0px 2px var(--border-shadow-color, rgba(0, 0, 0, .8))) drop-shadow(0px 0px 0px transparent) drop-shadow(0px 0px 8px var(--border-shadow-color, rgba(0, 0, 0, .5)))}[class="4D_ACRYLIC"]{stroke-width:4px!important;filter:drop-shadow(0px 0px 2px var(--border-shadow-color, rgba(0, 0, 0, .8))) drop-shadow(0px 0px 0px transparent) drop-shadow(0px 0px 8px var(--border-shadow-color, rgba(0, 0, 0, .5)))}.relative{position:relative}.style__name{color:#000;font-size:12px;position:absolute;top:4px;left:4px}.scroll-box{height:400px;overflow-y:scroll;position:relative}.scroll-content{position:relative;width:100%}.image-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;transition:opacity 1s ease-in-out}.image-container.visible{opacity:1}.image-container img{width:100%!important;height:auto!important}.image-container.active img{border:2px solid #00BAFF}.image-container:not(.active) img{cursor:pointer}.image-container .title{font-size:20px;text-shadow:0 0 2px black;position:absolute;bottom:30px;left:90px}.tutorial-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;background-color:#000c;color:#fff;padding:20px 30px;border-radius:10px;text-align:center;animation:fadeIn .5s ease-in-out;z-index:10}.tutorial-overlay h2{margin:0;font-size:20px}.tutorial-overlay p{margin:10px 0;font-size:14px}.tutorial-overlay .icon{font-size:40px;margin-bottom:10px;animation:bounce 1.5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.tutorial-overlay.hidden{animation:fadeOut .5s ease-in-out forwards}@media screen and (max-width: 1200px){#plates-bg{position:fixed;z-index:999;bottom:0;right:0}#plates-bg{width:500px}#plate-customizer{flex-direction:column-reverse;padding-inline:15px}#plate-preview{max-width:600px;margin-inline:auto}#front_plate,#rear_plate{width:350px;height:100px}#plates-bg.front #rear_plate,#plates-bg.rear #front_plate{width:350px;height:0px!important;transition:1s all ease-in-out}#plates-bg{padding-block:10px}#plate-images{height:auto}#plate-preview>plate-image-slider:nth-child(2){display:none}#plate-preview{padding:0}}@media screen and (max-width: 640px){.mb__sroll__x{overflow-x:visible;scrollbar-width:auto;-ms-overflow-style:auto}.mb__sroll__x::-webkit-scrollbar{display:block}.mb__sroll__x>div{min-width:unset}#plates-bg{width:100%}#add-to-cart span{font-size:14px}#all-options :where(.select-plates,.side) span,#add-to-cart .plate-btn span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.title{font-size:24px}.border-type,.badge-select{min-width:max(100px,35vw)}.white-board .grid{display:grid;grid-template-columns:repeat(2,1fr)}#plate-images-container{margin-bottom:2em}}@media screen and (max-width: 400px){.labels,#nav-tabs div span{font-size:12px}#plate-customizer{padding-inline:0}.labels,#reg-input,.side span{font-size:12px}.title-container .title-bg span{font-size:14px}:where(.select-plates,.shapes-list) .plate-img{width:90px;max-height:29px}:where(.select-plates,.shapes-list) .plate-name{font-size:12px}#add-to-cart{padding:20px 10px;flex-direction:column;gap:10px}.side span{line-height:2}.style-box{width:100%}.border-type,.badge-select{width:100%;height:200px}}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.plate_text_wrap{position:absolute}.plate_text{transform:translate(-50%,-50%)}.plate_text.with-badge{transform:translate(-44%,-50%)}@media (max-width: 1200px){.plate_text{font-size:2em;transform:translate(-50%,-50%)}.plate_text.with-badge{transform:translate(-44%,-50%)}}}@media (max-width: 480px){.plate_text{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/plate-customizer.css.map */