/**
* Customize Style CSS
* NOTE: This file not update when you upgrade new version
**/
/*Add your color style*/
:root{
    --pdapp-blue: #4a81d4;
    --pdapp-indigo: #675aa9;
    --pdapp-purple: #6658dd;
    --pdapp-pink: #f672a7;
    --pdapp-red: #f1556c;
    --pdapp-orange: #fd7e14;
    --pdapp-yellow: #f7b84b;
    --pdapp-green: #1abc9c;
    --pdapp-teal: #02a8b5;
    --pdapp-cyan: #43bfe5;
    --pdapp-black: #000000;
    --pdapp-white: #ffffff;
    --pdapp-gray: #98a6ad;
    --pdapp-gray-dark: #343a40;
    --pdapp-gray-100: #f3f7f9;
    --pdapp-gray-200: #f7f7f7;
    --pdapp-gray-300: #dee2e6;
    --pdapp-gray-400: #ced4da;
    --pdapp-gray-500: #adb5bd;
    --pdapp-gray-600: #98a6ad;
    --pdapp-gray-700: #6c757d;
    --pdapp-gray-800: #343a40;
    --pdapp-gray-900: #323a46;
    --pdapp-primary-text: #5246b1;
    --pdapp-success-text: #15967d;
    --pdapp-info-text: #287389;
    --pdapp-warning-text: #946e2d;
    --pdapp-danger-text: #c14456;
    --pdapp-primary-bg-subtle: #e0def8;
    --pdapp-success-bg-subtle: #d1f2eb;
    --pdapp-info-bg-subtle: #d9f2fa;
    --pdapp-warning-bg-subtle: #fdf1db;
    --pdapp-danger-bg-subtle: #fcdde2;
    --pdapp-light-bg-subtle: #f9fbfc;
    --pdapp-primary-border-subtle: #c2bcf1;
    --pdapp-success-border-subtle: #a3e4d7;
    --pdapp-info-border-subtle: #b4e5f5;
    --pdapp-warning-border-subtle: #fce3b7;
    --pdapp-danger-border-subtle: #f9bbc4;
    --pdapp-tertiary-bg: #e9ecef;
    --pdapp-body-bg: #f5f6f8;
    --pdapp-link-hover-color: #574bbc;
    --pdapp-app-bg: #ffffff;
}

/*Add your style css for customize here*/
/* OZZIE AUDIO 17: scoped 2D prototype layout, revision 1. */
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper {
 --oz-audio-rail:112px; --oz-audio-cart:320px; --oz-audio-nav:72px;
 background-color:#f2eadf !important;
}
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-ruler,
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-ruler-corner,
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper #pdapp-rulerbar {
 display:none !important; pointer-events:none !important;
}
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-viewport {
 background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-product-size-box {display:none !important;}
@media (min-width:1000px) {
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper {bottom:0 !important;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-app,
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-app-layout {height:100% !important;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-design-layout {
  position:relative !important; box-sizing:border-box !important; gap:0 !important;
  height:calc(100% - 50px) !important; padding-bottom:var(--oz-audio-nav) !important;
  justify-content:flex-start !important; min-height:0 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-menus {
  width:var(--oz-audio-rail) !important; min-width:var(--oz-audio-rail) !important;
  flex:0 0 var(--oz-audio-rail) !important; box-sizing:border-box;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-cart-layout {
  width:var(--oz-audio-cart) !important; min-width:var(--oz-audio-cart) !important;
  flex:0 0 var(--oz-audio-cart) !important; box-sizing:border-box;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-center-layout {
  width:0 !important; min-width:0 !important; max-width:none !important; flex:1 1 0 !important;
  padding:0 !important; margin:0 !important; height:100% !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-box {
  position:relative !important; width:100% !important; height:100% !important;
  min-width:0 !important; min-height:0 !important; gap:0 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper #pdapp-studio {
  flex:1 1 auto !important; width:100% !important; height:100% !important;
  min-width:0 !important; min-height:0 !important; border:0 !important;
  background:transparent !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper #pdapp-viewer-area {
  width:100% !important; height:100% !important; max-width:none !important;
  margin:0 !important; padding:0 !important; background:transparent !important;
 }
 /* Tool options float over the scene instead of reserving a blank column. */
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-menu-options {
  position:absolute !important; left:calc(var(--oz-audio-rail) + 10px) !important; top:10px !important;
  width:290px !important; max-height:calc(100% - var(--oz-audio-nav) - 20px) !important;
  height:auto !important; overflow-y:auto; z-index:30 !important;
  background:rgba(248,242,232,.98) !important; border:1px solid #cbb58d !important;
  border-radius:16px !important; box-shadow:0 16px 42px #221c1826 !important;
  padding:14px !important; opacity:0; visibility:hidden; pointer-events:none;
 }
 body:has(#pdapp-viewport-786-54892):has(.pdapp-menus button:focus) #productdesignerapp-wrapper .pdapp-menu-options,
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-menu-options:focus-within,
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-menu-options:hover {
  opacity:1; visibility:visible; pointer-events:auto;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-topbar {
  position:absolute !important; top:10px !important; right:12px !important;
  z-index:5 !important; width:auto !important; min-height:0 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar {
  position:fixed !important; left:8px !important; right:calc(var(--oz-audio-cart) + 8px) !important;
  bottom:8px !important; top:auto !important; width:auto !important; height:60px !important;
  min-height:60px !important; margin:0 !important; padding:10px 16px !important;
  box-sizing:border-box !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:12px !important; z-index:50 !important;
  background:rgba(246,238,223,.97) !important; border:1px solid #c9b285 !important;
  border-radius:18px !important; box-shadow:0 6px 24px #1b171419 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn {
  min-height:38px !important; min-width:38px; padding:8px 13px !important;
  border:1px solid #b99a62 !important; border-radius:12px !important;
  background:#f8f2e7 !important; color:#27231d !important;
  font-size:13px !important; line-height:20px !important; font-weight:600 !important;
  display:inline-flex; align-items:center; justify-content:center; box-shadow:none !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn-group {gap:7px !important;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn-primary,
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn.active {
  background:#211e18 !important; color:#e5c985 !important; border-color:#211e18 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn:hover:not(:disabled) {
  background:#dbc18a !important; color:#211e18 !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn:focus-visible {
  outline:2px solid #805d22 !important; outline-offset:3px !important;
 }
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn:disabled {opacity:.4 !important;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-btn-help {display:none !important;}
}
@media (min-width:1000px) and (max-width:1439px) {
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper {--oz-audio-cart:280px;--oz-audio-rail:96px;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar {padding:8px 10px !important;gap:8px !important;}
 body:has(#pdapp-viewport-786-54892) #productdesignerapp-wrapper .pdapp-studio-botbar .btn {padding:7px 10px !important;font-size:12px !important;}
}
/* END OZZIE AUDIO 17 revision 1 */