.otto[data-v-b727f214]{background:#0e8dbc;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,0.1),0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.2),0 20px 20px rgba(0,0,0,0.15)}.example[data-v-b727f214]{display:flex;flex-direction:column}.example .editor[data-v-b727f214]{height:40rem;overflow:hidden}.example .phone[data-v-b727f214]{width:430px;max-width:96vw;border-radius:25px;box-shadow:0px 15px 25px 0px rgba(50,50,50,0.7);border:double;border-color:#deb887}.example .output[data-v-b727f214]{width:100%;height:20rem;margin:0;border:1px solid #ccc;overflow-y:auto;resize:vertical}.example .output.code[data-v-b727f214]{padding:1rem;height:16rem}.example .output.ql-snow[data-v-b727f214]{border-top:none;height:24rem}[data-v-b727f214]::-webkit-scrollbar{width:7px}[data-v-b727f214]::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}[data-v-b727f214]::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}[data-v-b727f214]::-webkit-scrollbar-thumb:hover{background:#8b8a8a}