/* A reachable touch target in both the embedded and expanded views. */
.fullscreen{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;z-index:60}
.fullscreen svg{width:24px;height:24px;pointer-events:none}
.fullscreen:focus-visible{outline:2px solid #315ca5;outline-offset:2px;border-radius:4px}
.kp-expanded-view .fullscreen{bottom:max(10px,env(safe-area-inset-bottom))!important;left:max(10px,env(safe-area-inset-left))!important}

/* Expanded phone layout: keep the options visible alongside the product. */
@media(max-width:767px){
 .kp-expanded-view #root{height:100%;min-height:0;overflow:hidden}
 .kp-expanded-view .kp-configurator-layout{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 .kp-expanded-view .kp-configurator-layout>.configurator__canvas{flex:0 0 48%;height:48%;min-height:0;max-height:48%;width:100%}
 .kp-expanded-view .kp-configurator-layout>.configurator_panel{flex:1 1 52%;height:auto;min-height:0;max-height:none;width:100%;min-width:0;max-width:none}
 .kp-expanded-view .configurator_panel-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .kp-expanded-view .floating-price-bar{box-sizing:border-box;min-height:46px}
}
@media(min-width:768px) and (max-width:1100px) and (max-height:600px){
 .kp-expanded-view .kp-configurator-layout{height:100%;min-height:0;display:flex;flex-direction:row;overflow:hidden}
 .kp-expanded-view .kp-configurator-layout>.configurator__canvas{flex:0 0 48%;width:48%;min-width:0;height:100%;min-height:0}
 .kp-expanded-view .kp-configurator-layout>.configurator_panel{flex:1 1 52%;width:52%;min-width:0;max-width:none;height:100%;min-height:0}
}