.chocotto-popup-sheet{bottom:0;height:30vh;left:0;pointer-events:none;position:fixed;right:0;touch-action:none;transform:translateY(100%);transition:transform .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:30}.chocotto-popup-sheet.open{transform:translateY(0)}.chocotto-popup-panel{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;margin:0 auto;overflow:hidden;pointer-events:auto}.chocotto-popup-handle{background:#ccc;border-radius:2.5px;cursor:grab;flex-shrink:0;height:5px;margin:8px auto;width:40px}.chocotto-popup-icons{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:32px;gap:12px;justify-content:flex-start;overflow-y:auto;padding:16px}.chocotto-popup-icon{background:#fff;border:1px solid #f2da02;border-radius:10px;color:#000;font-size:14px;line-height:1;margin-right:2px;padding:0 2px}.chocotto-popup-scrim{background:transparent;inset:0;pointer-events:none;position:fixed;transition:background .3s ease;z-index:20}.chocotto-popup-sheet.open~.chocotto-popup-scrim{background:rgba(0,0,0,.3);pointer-events:auto}@media (min-width:0px){.chocotto-popup-sheet{display:none;max-width:500px;width:90%}.chocotto-popup-sheet.open{display:block;left:50%;top:50%;transform:translate(-50%,-50%)}.chocotto-popup-sheet.open .chocotto-popup-panel{border-radius:20px}.chocotto-popup-sheet .chocotto-popup-handle{display:none}}