관리-도구
편집 파일: app-ecommerce-details.css
.ecommerce-application .app-ecommerce-details .product-img{width:600px}.ecommerce-application .app-ecommerce-details .ratings-list-item i,.ecommerce-application .app-ecommerce-details .ratings-list-item svg{font-size:1.286rem;height:1.286rem;width:1.286rem}.ecommerce-application .app-ecommerce-details .filled-star{fill:#ff9f43;stroke:#ff9f43;color:#ff9f43}.ecommerce-application .app-ecommerce-details .unfilled-star{stroke:#babfc7;color:#babfc7}.ecommerce-application .app-ecommerce-details .item-price{color:#7367f0}.ecommerce-application .app-ecommerce-details .item-company{display:inline-flex;font-size:.875rem;font-weight:400}.ecommerce-application .app-ecommerce-details .item-company .company-name{font-weight:600;margin-left:.25rem}.ecommerce-application .app-ecommerce-details .product-features{margin-bottom:1.5rem;margin-top:1.5rem}.ecommerce-application .app-ecommerce-details .product-features li{align-items:center;display:flex;margin-bottom:1rem}.ecommerce-application .app-ecommerce-details .product-features li i,.ecommerce-application .app-ecommerce-details .product-features li svg{font-size:1.4rem;height:1.4rem;margin-right:.75rem;width:1.4rem}.ecommerce-application .app-ecommerce-details .product-features li span{font-weight:600}.ecommerce-application .app-ecommerce-details .product-color-options{margin-bottom:1.2rem;margin-top:1.5rem}.ecommerce-application .app-ecommerce-details .btn-wishlist .text-danger{fill:#ea5455;color:#ea5455}.ecommerce-application .app-ecommerce-details .btn-share .btn-icon~.dropdown-menu{min-width:3rem}.ecommerce-application .app-ecommerce-details .item-features{background-color:#f8f8f8;padding-bottom:5.357rem;padding-top:5.357rem}.ecommerce-application .app-ecommerce-details .item-features i,.ecommerce-application .app-ecommerce-details .item-features svg{color:#7367f0;font-size:2.5rem;height:2.5rem;width:2.5rem}.ecommerce-application .swiper-responsive-breakpoints.swiper-container .swiper-slide{background-color:#f8f8f8;border-radius:.428rem;padding:1.5rem 3rem;text-align:center}.ecommerce-application .swiper-responsive-breakpoints.swiper-container .swiper-slide .img-container{align-items:center;display:flex;height:250px;justify-content:center}.ecommerce-application .swiper-button-next,.ecommerce-application .swiper-button-prev,.ecommerce-application .swiper-container-rtl .swiper-button-next,.ecommerce-application .swiper-container-rtl .swiper-button-prev{background-image:none;font-size:2rem;width:35px}.ecommerce-application .swiper-button-next:focus,.ecommerce-application .swiper-button-prev:focus,.ecommerce-application .swiper-container-rtl .swiper-button-next:focus,.ecommerce-application .swiper-container-rtl .swiper-button-prev:focus{outline:none}.ecommerce-application .swiper-button-prev{left:0}.ecommerce-application .swiper-button-prev:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:44px;color:#6e6b7b;content:"";height:44px;width:44px}.ecommerce-application .swiper-button-next{right:0}.ecommerce-application .swiper-button-next:after,.ecommerce-application .swiper-container-rtl .swiper-button-prev:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:44px;color:#6e6b7b;content:"";height:44px;width:44px}.ecommerce-application .swiper-container-rtl .swiper-button-next:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:44px;color:#6e6b7b;content:"";height:44px;width:44px}.ecommerce-application .product-color-options .color-option{border:1px solid transparent;border-radius:50%;cursor:pointer;padding:3px;position:relative}.ecommerce-application .product-color-options .color-option .filloption{border-radius:50%;height:18px;width:18px}.ecommerce-application .product-color-options .selected .b-primary{border-color:#7367f0}.ecommerce-application .product-color-options .selected .b-primary .filloption{box-shadow:0 2px 4px 0 rgba(115,103,240,.4)}.ecommerce-application .product-color-options .selected .b-success{border-color:#28c76f}.ecommerce-application .product-color-options .selected .b-success .filloption{box-shadow:0 2px 4px 0 rgba(40,199,111,.4)}.ecommerce-application .product-color-options .selected .b-danger{border-color:#ea5455}.ecommerce-application .product-color-options .selected .b-danger .filloption{box-shadow:0 2px 4px 0 rgba(234,84,85,.4)}.ecommerce-application .product-color-options .selected .b-warning{border-color:#ff9f43}.ecommerce-application .product-color-options .selected .b-warning .filloption{box-shadow:0 2px 4px 0 rgba(255,159,67,.4)}.ecommerce-application .product-color-options .selected .b-info{border-color:#00cfe8}.ecommerce-application .product-color-options .selected .b-info .filloption{box-shadow:0 2px 4px 0 rgba(0,207,232,.4)}.ecommerce-application .product-color-options .b-primary .filloption{box-shadow:0 2px 4px 0 rgba(115,103,240,.4)}.ecommerce-application .product-color-options .b-success .filloption{box-shadow:0 2px 4px 0 rgba(40,199,111,.4)}.ecommerce-application .product-color-options .b-danger .filloption{box-shadow:0 2px 4px 0 rgba(234,84,85,.4)}.ecommerce-application .product-color-options .b-warning .filloption{box-shadow:0 2px 4px 0 rgba(255,159,67,.4)}.ecommerce-application .product-color-options .b-info .filloption{box-shadow:0 2px 4px 0 rgba(0,207,232,.4)}@media(max-width:767.98px){.ecommerce-application .swiper-responsive-breakpoints.swiper-container .swiper-slide{padding:1rem}.ecommerce-application .app-ecommerce-details .ratings-list-item i,.ecommerce-application .app-ecommerce-details .ratings-list-item svg{font-size:1rem;height:1rem;width:1rem}}