.code-display .\!visible{visibility:visible!important}.code-display .visible{visibility:visible}.code-display .absolute{position:absolute}.code-display .relative{position:relative}.code-display .right-0{right:0}.code-display .right-4{right:1rem}.code-display .top-2{top:.5rem}.code-display .top-4{top:1rem}.code-display .my-6{margin-top:1.5rem;margin-bottom:1.5rem}.code-display .mt-4{margin-top:1rem}.code-display .flex{display:flex}.code-display .table{display:table}.code-display .hidden{display:none}.code-display .h-0{height:0}.code-display .h-full{height:100%}.code-display .max-h-\[60vh\]{max-height:60vh}.code-display .w-full{width:100%}.code-display .flex-1{flex:1}.code-display .cursor-not-allowed{cursor:not-allowed}.code-display .cursor-pointer{cursor:pointer}.code-display .items-center{align-items:center}.code-display .overflow-hidden{overflow:hidden}.code-display .overflow-y-auto{overflow-y:auto}.code-display .rounded-xl{border-radius:.75rem}.code-display .border{border-width:1px}.code-display .border-dashed{border-style:dashed}.code-display .border-\[\#fa4b4b\]{--tw-border-opacity:1;border-color:rgba(250,75,75,var(--tw-border-opacity))}.code-display .bg-\[\#fffaf2\]{--tw-bg-opacity:1;background-color:rgba(255,250,242,var(--tw-bg-opacity))}.code-display .bg-\[unset\]{background-color:unset}.code-display .p-3{padding:.75rem}.code-display .px-3{padding-left:.75rem;padding-right:.75rem}.code-display .py-4{padding-top:1rem;padding-bottom:1rem}.code-display .pr-2{padding-right:.5rem}.code-display .pr-4{padding-right:1rem}.code-display .text-left{text-align:left}.code-display .text-center{text-align:center}.code-display .text-base{font-size:1rem;line-height:1.5rem}.code-display .text-sm{font-size:.875rem;line-height:1.25rem}.code-display .text-xs{font-size:.75rem;line-height:1rem}.code-display .uppercase{text-transform:uppercase}.code-display .capitalize{text-transform:capitalize}.code-display .leading-normal{line-height:1.5}.code-display .text-\[\#fa4b4b\]{--tw-text-opacity:1;color:rgba(250,75,75,var(--tw-text-opacity))}.code-display .drop{z-index:2;background-color:#fff;width:392px;max-width:100%;padding-top:16px;padding-bottom:8px;position:relative;box-shadow:0 2px 12px #dede}.code-display .drop__fixed{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.code-display .card__left{border-right:1px dashed #fff;align-items:center;width:62.5%;padding:10px 16px;font-size:20px;font-weight:600;line-height:1.5;display:flex}.code-display .card__right button{border:none;border-radius:50vh;align-items:center;width:100%;margin-top:8px;padding:2px 12px;font-size:14px;line-height:22px;display:flex}.code-display .card__right button span{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:4px;font-weight:600;overflow:hidden}.code-display .card__right svg{width:16px}.code-display .card__content{display:flex}.code-display .card__right{text-align:center;width:37.5%;padding:10px 16px}.code-display .card--1{color:#fff;background:linear-gradient(90deg,#ff4747 0%,#ff7d54 103.14%)}.code-display .card--1 .card__right button{color:#ff7538;background-color:#fff}.code-display .card--1 .card__right button path{fill:#c8cace}.code-display .card--2{background-color:#fff4e6}.code-display .card--2 .card__left{color:#fa4b4b;border-right-color:#ff9a11}.code-display .card--2 .card__right p{color:#333}.code-display .card--2 .card__right button{color:#fff;background-color:#fa4b4b}.code-display .card--2 .card__right path{fill:#fff}.code-display .card--3 .card__left{color:#f7bb31;background:radial-gradient(circle at 100% 0,#0000 10px,#f7f6e1 0) 100% 0,radial-gradient(circle at 100% 100%,#0000 10px,#f7f6e1 0) 100% 100%;border-right:0;position:relative}.code-display .card--3 .card__left:before{content:"";border-right:1px dashed #f7bb31;width:0;height:calc(100% - 20px);display:block;position:absolute;top:10px;right:0}.code-display .card--3 .card__right{color:#fff;background:radial-gradient(circle at 0 0,#0000 10px,#f7bb31 0),radial-gradient(circle at 0 100%,#0000 10px,#f7bb31 0) 0 100%}.code-display .card--3 .card__left,.code-display .card--3 .card__right{background-repeat:no-repeat;background-size:100% 50%}.code-display .card--3 button{color:#f7bb31;background-color:#fff}.code-display .card--4 .card__left{color:#00c254;z-index:-2;background-color:#0000;background-image:radial-gradient(circle at 100% 0,#0000 8px,#00c254 0),radial-gradient(circle at 100% 100%,#0000 8px,#00c254 0);background-position:100% 0,100% 100%;background-repeat:no-repeat;background-size:100% 50%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right:0;border-top-left-radius:12px;border-bottom-left-radius:12px;position:relative}.code-display .card--4 .card__left:before{content:"";z-index:-1;background-color:#0000;background-image:radial-gradient(circle at 100% -2px,#0000 10px,#fff 0),radial-gradient(circle at 100% calc(100% + 2px),#0000 10px,#fff 0);background-position:100% 0,100% 100%;background-repeat:no-repeat;background-size:100% 50%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-top-left-radius:10px;border-bottom-left-radius:10px;width:calc(100% - 2px);height:calc(100% - 4px);position:absolute;top:2px;bottom:2px;left:2px;right:0;overflow:hidden}.code-display .card--4 .card__left:after{content:"";border-right:1px dashed #00c254;width:0;height:calc(100% - 20px);display:block;position:absolute;top:10px;bottom:10px;right:0}.code-display .card--4 .card__right{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 0 0,#0000 8px,#00c254 0),radial-gradient(circle at 0 100%,#0000 8px,#00c254 0);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 50%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.code-display .card--4 button{color:#00c254;background-color:#fff}.code-display .card--5{background:linear-gradient(#ffa869 0%,#ff5732 100%);border-radius:8px;display:flex;position:relative;-webkit-mask:radial-gradient(circle at 0,#0000 12px,#000 0);mask:radial-gradient(circle at 0,#0000 12px,#000 0)}.code-display .card--5 .card__content{flex:1;width:100%;padding:8px 8px 8px 26px;display:block;position:relative}.code-display .card--5:before{content:"";z-index:9;background-color:#fff;border-radius:50vh;width:24px;height:24px;position:absolute;top:calc(50% - 12px);left:-12px}.code-display .card--5 .card__left{color:#fff;text-align:center;border-right:none;width:100%;padding:0;font-weight:700;display:block}.code-display .card--5 .card__right{width:100%;margin-top:4px;padding:0}.code-display .card--5 .card__right p{display:none}.code-display .card--5 .card__right button{color:#fff;background:0 0;justify-content:center;margin-top:0;padding:0}.code-display .card--5 .card__right button span{flex:none}.code-display .card--5 .card__right path{fill:#fff}.code-display .card--5 img{width:30px;height:100%}.code-display .card--5 .card__icon-img--1{position:absolute;top:13px;left:11px;transform:rotate(-13.402deg)}.code-display .card--5 .card__icon-img--2{position:absolute;bottom:17px;right:17px;transform:scaleX(-1)}.code-display .card--5 .left-img{left:0}.code-display .card--5 .right-img{right:0}.code-display .card__disabled{z-index:5;background:#ffffff7a;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.code-display .drop{box-shadow:none;z-index:201;width:100vw;position:fixed;bottom:0;left:0}.code-display .drop__fixed{z-index:200;background-color:#00000095}}.code-display .first\:table-cell:first-child{display:table-cell}.code-display .last\:border-none:last-child{border-style:none}@media (min-width:768px){.code-display .md\:z-10{z-index:10}.code-display .md\:table-cell{display:table-cell}.code-display .md\:hidden{display:none}.code-display .md\:max-h-\[400px\]{max-height:400px}.code-display .md\:border-r{border-right-width:1px}.code-display .md\:px-4{padding-left:1rem;padding-right:1rem}.code-display .md\:pr-4{padding-right:1rem}.code-display .md\:text-center{text-align:center}}