.QrControls_panel__CruOZ{--qr-panel-open:1}@media (max-width:767px){section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ){display:flex;height:100dvh;min-height:100dvh;flex-direction:column;overflow:hidden}section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>.ml-14{order:1;min-width:0;min-height:0;height:min(42dvh,21rem);flex:0 0 min(42dvh,21rem);margin-left:3.5rem;padding:.75rem .75rem .5rem;align-items:center;justify-content:center}section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>.ml-14 svg{width:min(54vw,14.5rem,30dvh);height:auto}section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>[role=group][aria-label="QR content type"]{position:relative;order:2;top:auto;left:auto;right:auto;max-width:calc(100vw - 4.75rem);margin:.25rem .5rem .5rem 4.25rem;flex-shrink:0}.QrControls_panel__CruOZ{order:3;min-height:0}}@media (min-width:768px) and (max-width:1023px){section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>.ml-14{min-width:0;margin-left:21.5rem;transition:margin-left .18s ease}section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>[role=group][aria-label="QR content type"]{left:22.25rem;max-width:none;transition:left .18s ease,right .18s ease,max-width .18s ease}}@media (min-width:1024px){section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>.ml-14{min-width:0;margin-left:23.5rem;transition:margin-left .18s ease}section[aria-label="QR Code Generator workspace"]:has(.QrControls_panel__CruOZ)>[role=group][aria-label="QR content type"]{left:24.25rem;max-width:none;transition:left .18s ease,right .18s ease,max-width .18s ease}}