.carousel{width:100%;max-width:800px}[dir] .carousel{margin:auto}.btn{top:50%;-webkit-transform:translateY(-50%);z-index:10}[dir] .btn{padding:10px;border:none;cursor:pointer;border-radius:50%;transform:translateY(-50%)}[dir] .btn:hover{background-color:rgba(0,0,0,.8)}[dir=ltr] .btn-next{right:10px}[dir=ltr] .btn-prev,[dir=rtl] .btn-next{left:10px}[dir=rtl] .btn-prev{right:10px}[dir=ltr] .slide-left-enter-active[data-v-3abf3509]{-webkit-animation:slide-left-in-ltr-3abf3509 .5s ease-in;animation:slide-left-in-ltr-3abf3509 .5s ease-in}[dir=rtl] .slide-left-enter-active[data-v-3abf3509]{-webkit-animation:slide-left-in-rtl-3abf3509 .5s ease-in;animation:slide-left-in-rtl-3abf3509 .5s ease-in}[dir=ltr] .slide-left-leave-active[data-v-3abf3509]{-webkit-animation:slide-left-out-ltr-3abf3509 .5s ease-in;animation:slide-left-out-ltr-3abf3509 .5s ease-in}[dir=rtl] .slide-left-leave-active[data-v-3abf3509]{-webkit-animation:slide-left-out-rtl-3abf3509 .5s ease-in;animation:slide-left-out-rtl-3abf3509 .5s ease-in}@-webkit-keyframes slide-left-in-ltr-3abf3509{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left-in-rtl-3abf3509{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left-in-ltr-3abf3509{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left-in-rtl-3abf3509{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-left-out-ltr-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slide-left-out-rtl-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-left-out-ltr-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-left-out-rtl-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}[dir=ltr] .slide-right-enter-active[data-v-3abf3509]{-webkit-animation:slide-right-in-ltr-3abf3509 .5s ease-in forwards;animation:slide-right-in-ltr-3abf3509 .5s ease-in forwards}[dir=rtl] .slide-right-enter-active[data-v-3abf3509]{-webkit-animation:slide-right-in-rtl-3abf3509 .5s ease-in forwards;animation:slide-right-in-rtl-3abf3509 .5s ease-in forwards}[dir=ltr] .slide-right-leave-active[data-v-3abf3509]{-webkit-animation:slide-right-out-ltr-3abf3509 .5s ease-in forwards;animation:slide-right-out-ltr-3abf3509 .5s ease-in forwards}[dir=rtl] .slide-right-leave-active[data-v-3abf3509]{-webkit-animation:slide-right-out-rtl-3abf3509 .5s ease-in forwards;animation:slide-right-out-rtl-3abf3509 .5s ease-in forwards}@-webkit-keyframes slide-right-in-ltr-3abf3509{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-right-in-rtl-3abf3509{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right-in-ltr-3abf3509{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right-in-rtl-3abf3509{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-right-out-ltr-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-right-out-rtl-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-right-out-ltr-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-right-out-rtl-3abf3509{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}[dir] .card-body,[dir] .card-heading{text-align:center;padding:10px}[dir] .card-footer{padding:5px}[dir] .card-footer,[dir] .card-heading{background-color:#37bbbb}.card-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card{width:calc(50% - 100px);grid-column:auto}[dir] .card{margin-bottom:20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px}.image-container{height:100%;width:100%;overflow:hidden}[dir] .image-container{padding:10px}.image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:100%){.card{width:100%}}.button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.my-6{font-size:16px;transition:background-color .3s ease}[dir] .my-6{padding:10px 20px;background-color:#ffc107;border:none;cursor:pointer;-webkit-transition:background-color .3s ease}[dir] .my-6:hover{background-color:#e0a800}.app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;height:auto}.carousel{position:relative;overflow:hidden;width:800px;height:500px;z-index:10}.btn{color:#fff;height:50px;width:50px;position:absolute;z-index:2}[dir] .btn{padding:5px 10px;background-color:rgba(0,0,0,.5);border:1px solid transparent;margin:5px 10px;margin-top:-25px}[dir] .btn:hover{cursor:pointer}.btn:focus{outline:none}.btn-next{top:50%}[dir=ltr] .btn-next{right:0}[dir=rtl] .btn-next{left:0}.btn-prev{top:50%}[dir=ltr] .btn-prev{left:0}[dir=rtl] .btn-prev{right:0}.carousel-slider{position:absolute;top:0;bottom:0}[dir] .carousel-slider{border-radius:5%}[dir=ltr] .carousel-slider,[dir=rtl] .carousel-slider{left:0;right:0}.carousel-slider img{width:100%;height:100%}[dir] .carousel-slider img{border-radius:1%}.image-container{position:relative;display:inline-block}.icon-container{position:absolute;bottom:10px}[dir=ltr] .icon-container{left:10px}[dir=rtl] .icon-container{right:10px}.icon-background{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .icon-background{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.trash-icon{width:20px;height:20px;color:currentColor}[dir] .trash-icon{cursor:pointer}.trash-icon:hover{color:var(--primary-color)}