.fade-enter-active[data-v-7ad30798],.fade-leave-active[data-v-7ad30798]{transition:opacity .2s ease}.fade-enter-from[data-v-7ad30798],.fade-leave-to[data-v-7ad30798]{opacity:0}.fade-enter-from .content.top[data-v-7ad30798],.fade-leave-to .content.top[data-v-7ad30798]{transform:translateY(-100%)}.fade-enter-from .content.center[data-v-7ad30798],.fade-leave-to .content.center[data-v-7ad30798]{transform:translateY(0)}.fade-enter-from .content.bottom[data-v-7ad30798],.fade-leave-to .content.bottom[data-v-7ad30798]{transform:translateY(100%)}.modal[data-v-7ad30798]{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:absolute;right:0;top:0;z-index:100}.modal .content[data-v-7ad30798]{transition:transform .3s ease;width:100%}.modal.top[data-v-7ad30798]{justify-content:flex-start}.modal.center[data-v-7ad30798]{justify-content:center}.modal.center .content[data-v-7ad30798]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal.bottom[data-v-7ad30798]{justify-content:flex-end}.ratio-modal[data-v-11fa3e74]{background:#fff;display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;padding:16px max(env(safe-area-inset-right),16px) 16px max(env(safe-area-inset-left),16px);position:relative}.ratio-modal.top[data-v-11fa3e74]{border-radius:0 0 16px 16px}.ratio-modal.center[data-v-11fa3e74]{border-radius:16px}.ratio-modal.bottom[data-v-11fa3e74]{border-radius:16px 16px 0 0}.ratio-modal .title[data-v-11fa3e74]{color:#272727;flex:0 0 auto;font-size:16px;font-weight:500;padding:0 12px;text-align:center}.ratio-modal .close[data-v-11fa3e74]{cursor:pointer;height:12px;position:absolute;right:16px;top:16px;width:12px}.ratio-modal .selections[data-v-11fa3e74]{display:flex;flex:1 1 auto;flex-direction:column;margin-top:12px;overflow-y:auto}.ratio-modal .selections[data-v-11fa3e74]::-webkit-scrollbar{display:none}.ratio-modal .selections .selection[data-v-11fa3e74]:not(:last-child){margin-bottom:12px}.ratio-modal .selections .selection .title[data-v-11fa3e74]{font-size:15px;padding:0;text-align:left}.ratio-modal .selections .selection .ratios[data-v-11fa3e74]{--gap:16px;--cols:3;display:flex;flex-wrap:wrap;list-style:none;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);padding-top:16px}.ratio-modal .selections .selection .ratios .ratio[data-v-11fa3e74]{align-items:center;background:#f4f4f4;border:1px solid transparent;border-radius:6px;box-sizing:border-box;display:flex;flex:0 1 calc(100%/var(--cols) - var(--gap));font-size:14px;justify-content:center;margin:var(--gap) 0 0 var(--gap);padding:8px 6px}.ratio-modal .selections .selection .ratios .ratio.active[data-v-11fa3e74]{background:rgba(61,148,255,.1);border:1px solid #3d94ff;color:#3d94ff}.ratio-modal .confirm[data-v-11fa3e74]{background:linear-gradient(135deg,#33aeff,#3d94ff);border-radius:20px;color:#fff;flex:0 0 auto;font-size:15px;margin-top:16px;padding:10px 0;width:100%}