*{font-family:San Francisco,Helvetica,Arial,san-serif}body{margin:0;padding:0;background-color:#f5f5f5}.card{max-width:350px;max-height:330px;border-radius:16px;margin-bottom:20px;position:relative;box-shadow:0 2px 20px #0003,0 1px 3px #0000001a}.cover{width:100%;height:234px;object-fit:contain;border-radius:16px!important}.skeleton-input{display:flex;flex-direction:column;gap:10px;width:300px}.card .ant-card-meta-title{font-size:20px;font-style:semibold!important;margin-bottom:8px}.categories{position:absolute;top:calc(100% - 105px);left:50%;transform:translate(-50%)}.category-tag{max-height:24px;margin:0}.icon{color:#00000073!important;width:30px!important}.device-icon svg{color:#00000073!important;width:25px!important;height:25px!important}.ant-skeleton-title{margin:0}@media only screen and (min-width: 768px){.card{margin-bottom:0}}.list{margin:18px 40px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width: 768px){.list{margin:auto auto 20px;flex-direction:row;width:100vw;flex-wrap:wrap;gap:40px}}.selected-tag{display:flex;align-items:center;justify-content:center;padding:1px 12px;height:32px;width:auto;border-radius:40px}.ant-drawer-body{padding-top:0!important}.title{margin:24px 0;font-size:1em}.tag-container{margin-bottom:16px;transition:max-height .3s ease-in-out;overflow:hidden}.ant-tag-checkable{display:flex;align-items:center;justify-content:center;padding:1px 12px;height:32px;width:auto;border-radius:40px;text-align:center;font-size:14px;border-color:#d6d6d6}.ant-tag-checkable:hover{background-color:#f7f7f7!important}.ant-tag-checkable-checked{border-radius:40px;font-size:14px;color:var(--checked-tag-color);border:1px solid var(--checked-tag-color);background-color:var(--checked-tag-bg)}.ant-tag-checkable-checked:hover{background-color:var(--checked-tag-hover)}.showBtn{padding:0;text-decoration:underline!important}.ant-drawer-title{font-size:16px!important;font-style:semibold!important}.filter-button{border-radius:48px;height:40px;width:60px!important}.filter-button svg{width:25px;height:25px}.tag-row::-webkit-scrollbar{display:none}.tag-wrapper{margin:18px 40px;max-width:100vw}.tag-row{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:16px}.selected-tag{display:flex;flex-direction:row;width:fit-content;font-size:14px;margin-right:10px}@media only screen and (min-width: 768px){.selected-tag{margin:22px 0}}.device-emulator-container{display:-webkit-flex;display:flex;justify-content:flex-end;align-items:flex-end;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;width:100%}.mobile-chrome{background:url(/assets/IPhone7-C_ordPPD.png);background-repeat:no-repeat;background-size:310px 600px;height:600px;width:310px;overflow:hidden}.mobile-frame{position:relative;top:70px;left:18px;width:273px;height:460px;border:none;border-radius:5px}.tab-chrome{background:url(/assets/ipad-QJ6qWpex.jpg);background-repeat:no-repeat;background-size:450px 600px;width:450px;height:600px;border-radius:30px;overflow:hidden}.tab-frame{position:relative;top:60px;left:22px;width:405px;height:480px;border:none;border-radius:5px}.without-chrome{background:none;position:relative;top:-60px}.without-chrome .frame{box-shadow:1px 2px 2px 2px #d3d3d3}button:focus{outline:0}.button-group{margin-bottom:10px;z-index:1000}.icon-button{height:40px;width:40px;padding:7px 5px 5px;border-radius:50%;margin:5px;border:none;background-color:transparent}.icon-button img.rotate{width:80%}.icon-button:hover{color:gray;background:#00000014}.chrome-rotate{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:transform 1s;transition:transform 1s}.mobile-frame-rotate{-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:460px;height:273px;position:relative;left:-75px;top:165px}.tab-frame-rotate{-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:480px;height:405px;position:relative;left:-13px;top:99px}.mobile-reposition{position:relative;left:-150px;top:-150px}.tab-reposition{position:relative;top:-70px;left:-70px}.tab-reposition--without-chrome{position:relative;top:-90px;left:-20px}.mobile-reposition--without-chrome{position:relative;left:-90px;top:-160px}.container{text-align:center;background-color:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 15px #0003;width:70%}h1{font-size:28px;margin-bottom:20px;color:#ff5452}p{font-size:18px;line-height:1.6;margin:0}.demo-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.footer{position:fixed;bottom:0;width:100%;height:60px;background-color:#ff5452;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:15px}.device-btn{width:40px!important;height:40px!important;color:#ffffff80;background-color:transparent;border:transparent;display:flex;align-items:center;justify-content:center}.device-btn:hover{color:#fff!important;background-color:transparent!important}.device-btn.active{color:#fff}.device-btn-container .btn-transparent{background:none;border:none}.device-btn svg{width:30px!important;height:30px!important}.ant-popover-inner{padding:20px!important}.mobile-device{position:relative;height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center}.content-container{display:inline-block;text-align:center;position:relative}.device-img{display:block;position:relative}.notch{width:calc(100% - 300px);left:145px;height:25px;background-color:#000;position:absolute;top:60px;z-index:3;border-radius:20px}@media only screen and (min-width: 768px){.device-btn{width:60px!important;height:60px!important}.footer{padding-right:40px}}