.customizer-packaging[hidden]{display:none}.customizer-packaging{position:absolute;z-index:12;right:4px;bottom:calc(128px + env(safe-area-inset-bottom));left:4px;display:flex;flex-direction:column;max-height:min(58svh,510px);overflow:hidden;border-radius:var(--radius-ui-18px);background:#fffffff5;box-shadow:0 -4px 20px #432b1c0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--customizer-ink)}.customizer-packaging__handle{flex:0 0 28px;display:grid;place-items:center}.customizer-packaging__handle:after{width:28px;height:3px;border-radius:3px;background:var(--color-ui-dfdfdf);content:""}.customizer-packaging header{display:flex;align-items:center;padding:0 16px 10px}.customizer-packaging h2{flex:1;margin:0;font:600 var(--font-size-ui-19px)/1.2 Georgia,serif}.customizer-packaging header button{width:36px;height:36px;border:0;background:transparent;color:var(--customizer-ink);font:28px/1 Arial,sans-serif;cursor:pointer}.customizer-packaging__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 16px}.customizer-packaging__body>p{margin:12px 0;color:var(--customizer-muted);font-size:var(--font-size-ui-12px)}.customizer-packaging__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customizer-packaging__grid button{position:relative;min-width:0;padding:5px 5px 10px;border:1px solid var(--customizer-line);border-radius:var(--radius-ui-9px);background:transparent;color:inherit;text-align:left;cursor:pointer}.customizer-packaging__grid button[aria-pressed=true]{border-color:var(--customizer-brown);box-shadow:inset 0 0 0 1px var(--customizer-brown)}.customizer-packaging__grid button[aria-pressed=true]:after{position:absolute;top:10px;right:10px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--customizer-brown);color:#fff;content:"\2713";font-size:13px}.customizer-packaging__grid img{display:block;width:100%;height:auto;aspect-ratio:16 / 11;object-fit:contain;border-radius:6px;background:var(--customizer-warm)}.customizer-packaging__grid strong{display:block;padding:8px 5px 0;font-size:var(--font-size-ui-12px);line-height:1.35}.customizer-packaging button:focus-visible{outline:2px solid var(--customizer-brown);outline-offset:2px}@media(max-width:749px){.customizer-packaging{bottom:calc(var(--preview-nav) + 12px + var(--keyboard-gap, 0px));max-height:var(--panel-available-height, calc(100dvh - var(--preview-header) - var(--preview-nav) - 20px))}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/customizer-packaging.css.map */
