.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-bottom:1.5rem;margin-top: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 1 0%}.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:rgb(250 75 75/var(--tw-border-opacity))}.code-display .bg-\[\#fffaf2\]{--tw-bg-opacity:1;background-color:rgb(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-bottom:1rem;padding-top: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:rgb(250 75 75/var(--tw-text-opacity))}.code-display .drop{background-color:#fff;box-shadow:0 2px 12px #dede;max-width:100%;padding-bottom:8px;padding-top:16px;position:relative;width:392px;z-index:2}.code-display .drop__fixed{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.code-display .card__left{align-items:center;border-right:1px dashed #fff;display:flex;font-size:20px;font-weight:600;line-height:1.5;padding:10px 16px;width:62.5%}.code-display .card__right button{align-items:center;border:none;border-radius:50vh;display:flex;font-size:14px;line-height:22px;margin-top:8px;padding:2px 12px;width:100%}.code-display .card__right button span{flex:1;font-weight:600;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-display .card__right svg{width:16px}.code-display .card__content{display:flex}.code-display .card__right{padding:10px 16px;text-align:center;width:37.5%}.code-display .card--1{background:linear-gradient(90deg,#ff4747,#ff7d54 103.14%);color:#fff}.code-display .card--1 .card__right button{background-color:#fff;color:#ff7538}.code-display .card--1 .card__right button path{fill:#c8cace}.code-display .card--2{background-color:#fff4e6}.code-display .card--2 .card__left{border-right-color:#ff9a11;color:#fa4b4b}.code-display .card--2 .card__right p{color:#333}.code-display .card--2 .card__right button{background-color:#fa4b4b;color:#fff}.code-display .card--2 .card__right path{fill:#fff}.code-display .card--3 .card__left{background:radial-gradient(circle at right top,transparent 10px,#f7f6e1 0) 100% 0,radial-gradient(circle at right bottom,transparent 10px,#f7f6e1 0) 100% 100%;border-right:0;color:#f7bb31;position:relative}.code-display .card--3 .card__left:before{border-right:1px dashed #f7bb31;content:"";display:block;height:calc(100% - 20px);position:absolute;right:0;top:10px;width:0}.code-display .card--3 .card__right{background:radial-gradient(circle at left top,transparent 10px,#f7bb31 0) 0 0,radial-gradient(circle at left bottom,transparent 10px,#f7bb31 0) 0 100%;color:#fff}.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{background-color:#fff;color:#f7bb31}.code-display .card--4 .card__left{background:radial-gradient(circle at right top,transparent 8px,#00c254 0) 100% 0,radial-gradient(circle at right bottom,transparent 8px,#00c254 0) 100% 100%;background-repeat:no-repeat;background-size:100% 50%;border-bottom-left-radius:12px;border-right:0;border-top-left-radius:12px;color:#00c254;position:relative;z-index:-2}.code-display .card--4 .card__left:before{background:#fff;background:radial-gradient(circle at 100% -2px,transparent 10px,#fff 0) 100% 0,radial-gradient(circle at 100% calc(100% + 2px),transparent 10px,#fff 0) 100% 100%;background-repeat:no-repeat;background-size:100% 50%;border-bottom-left-radius:10px;border-top-left-radius:10px;bottom:2px;content:"";height:calc(100% - 4px);left:2px;overflow:hidden;position:absolute;right:0;top:2px;width:calc(100% - 2px);z-index:-1}.code-display .card--4 .card__left:after{border-right:1px dashed #00c254;bottom:10px;content:"";display:block;height:calc(100% - 20px);position:absolute;right:0;top:10px;width:0}.code-display .card--4 .card__right{background-color:#00c254;background:radial-gradient(circle at left top,transparent 8px,#00c254 0) 0 0,radial-gradient(circle at left bottom,transparent 8px,#00c254 0) 0 100%;background-repeat:no-repeat;background-size:100% 50%;color:#fff}.code-display .card--4 button{background-color:#fff;color:#00c254}.code-display .card--5{background:linear-gradient(180deg,#ffa869,#ff5732);border-radius:8px;display:flex;-webkit-mask:radial-gradient(circle at 0,#0000 12px,#000 0);mask:radial-gradient(circle at 0,#0000 12px,#000 0);position:relative}.code-display .card--5 .card__content{display:block;flex:1;padding:8px 8px 8px 26px;position:relative;width:100%}.code-display .card--5:before{background-color:#fff;border-radius:50vh;content:"";height:24px;left:-12px;position:absolute;top:calc(50% - 12px);width:24px;z-index:9}.code-display .card--5 .card__left{border-right:none;color:#fff;display:block;font-weight:700;padding:0;text-align:center;width:100%}.code-display .card--5 .card__right{margin-top:4px;padding:0;width:100%}.code-display .card--5 .card__right p{display:none}.code-display .card--5 .card__right button{background:none;color:#fff;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{height:100%;width:30px}.code-display .card--5 .card__icon-img--1{left:11px;position:absolute;top:13px;transform:rotate(-13.402deg)}.code-display .card--5 .card__icon-img--2{bottom:17px;position:absolute;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{background:#ffffff7a;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}@media screen and (max-width:767px){.code-display .drop{bottom:0;box-shadow:none;left:0;position:fixed;width:100vw;z-index:201}.code-display .drop__fixed{background-color:#00000095;z-index:200}}.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}}