-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.min.css
1 lines (1 loc) · 28.3 KB
/
home.min.css
1
*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:1160px;margin:0 auto}html{font-size:10px}.header__multiple-block{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:52px}.location{width:40px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.location__name{font-size:14px;font-family:"Inter", sans-serif;font-weight:500;text-transform:capitalize}.title{font-size:1.8rem;text-transform:uppercase;font-family:"Inter", sans-serif;letter-spacing:1px}.user-actions{width:130px;display:flex;flex-direction:row;justify-content:space-between;font-size:2rem}.user-actions__item{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:5px;transition:all 0.5s linear}.user-actions__item:hover{cursor:pointer;background-color:#595cff}.user-actions__item:hover .item__icon-hover{fill:white}.header__navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:482px;margin:0 auto;height:80px;list-style:none}.header__navigation .item-name{text-transform:capitalize;text-decoration:none;color:black;font-size:1.6rem;font-weight:400;font-family:"Inter", sans-serif;transition:all 0.3s linear}.header__navigation .item-name:after{content:'';width:0%;height:1px;background-color:#595cff;display:block;transition:width 0.4s linear}.header__navigation .item-name:hover{color:#595cff}.header__navigation .item-name:hover::after{width:100%}.main{display:flex;flex-direction:column}.main h2{font-family:'Roboto', sans-serif;font-size:2.8rem;margin-top:43px}.main p{font-family:'Inter', sans-serif;font-size:1.8rem;margin-top:10px}.button{font-family:'Inter', sans-serif;font-size:1.4rem;text-decoration:none;width:138px;height:50px;display:flex;flex-direction:unset;justify-content:space-around;align-items:center;border-radius:5px;margin-top:24px;transition:all 0.5s linear;color:black}.button:hover{background-color:#595CFF}.main__whole-block{background-image:url("images/blocks/whole-block.jpg");display:flex;flex-direction:column;height:220px;font-weight:500;padding-left:80px;border-radius:10px}.main__half-block{margin-top:40px;display:flex;flex-direction:row;justify-content:space-between;align-items:unset;flex-wrap:wrap}.main__half-block__item{background-color:palevioletred;width:560px;padding-bottom:67px;padding-left:80px;border-radius:10px}.main__half-block .left{background-image:url("images/blocks/left-half-block.jpg");background-size:contain}.main__half-block .right{background-image:url("images/blocks/right-half-block.jpg");background-repeat:round;background-blend-mode:screen}@keyframes slider{0%{transform:translateX(0)}25%{transform:translateX(-300px)}50%{transform:translateX(-600px)}75%{transform:translateX(-300px)}100%{transform:translateX(0)}}.first-gallery{margin-top:80px;display:flex;flex-direction:column}.first-gallery .wrapper{overflow:hidden;width:1160px}.first-gallery__nav{height:74px;display:flex;flex-direction:row;justify-content:space-between;align-items:auto}.first-gallery__nav .gallery-title{color:inherit;line-height:2.8rem;font-family:"Inter",sans-serif;font-size:2.4rem;font-weight:500}.first-gallery__nav .slider-actions{width:72px;display:flex;justify-content:space-between;margin-right:94px}.first-gallery__nav .slider-actions__icon{width:50px;height:30px;display:flex;justify-content:center}.first-gallery__nav .slider-actions__icon:hover{cursor:pointer}.first-gallery__nav .slider-actions__icon:hover .arrow-hover{fill:#979696}.first-gallery__items{display:flex;width:5000px;transition:margin-left 0.4s linear}.first-gallery__items:hover{animation-name:slider;animation-duration:9s;animation-timing-function:steps(end);animation-iteration-count:infinite}.item{width:260px;height:366px;text-align:center;margin-left:40px}.item:nth-child(1){margin-left:0}.item__picture{width:260px;height:260px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding-bottom:30px;border-radius:10px}.item__picture .see-more{display:flex;flex-direction:column;justify-content:center;align-items:auto}.item__picture .see-more-title{color:#000;line-height:1.8rem;font-family:"Inter",sans-serif;font-size:2rem;font-weight:700}.item__picture__icons{display:flex;flex-direction:row;justify-content:space-between;align-items:auto;width:70px;opacity:0;transition:all 0.3s linear}.item__picture__icons .first-icon,.item__picture__icons .second-icon{transition:all 0.4s linear;width:30px;height:30px;display:flex;flex-direction:auto;justify-content:center;align-items:center;border-radius:5px}.item__picture__icons .first-icon:hover,.item__picture__icons .second-icon:hover{cursor:pointer;background-color:rgba(89,92,255,0.4)}.item__picture:hover .item__picture__icons{opacity:1;transform:scale(2)}.item__name{color:inherit;line-height:inherit;font-family:"Inter",sans-serif;font-size:1.8rem;font-weight:500;margin-top:20px;margin-bottom:8px}.item__prices-block{display:flex;flex-direction:row;justify-content:center;align-items:center}.item__prices-block .item__price{color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500}.item__prices-block .item__price:nth-child(2n){text-decoration:line-through;margin-left:30px}.item:nth-of-type(1) .item__picture{background-image:url("images/first-gallery/bouquet-dream.jpg");background-size:cover}.item:nth-of-type(2) .item__picture{background-image:url("images/first-gallery/bouquet-lilies.jpg");background-size:cover}.item:nth-of-type(3) .item__picture{background-image:url("images/first-gallery/bouquet-spring-day.jpg");background-size:cover}.item:nth-of-type(4) .item__picture{background-image:url("images/first-gallery/white-roses.jpg");background-size:cover}.item:nth-of-type(5) .item__picture{background-image:url("images/second-gallery/yellow-roses.jpg");background-size:cover}.item:nth-child(6) .item__picture{display:flex;flex-direction:column;justify-content:center;align-items:center}.second-gallery{margin-top:80px;display:flex;flex-direction:column}.second-gallery .wrapper{overflow:hidden;width:1160px}.second-gallery__nav{height:74px;display:flex;flex-direction:row;justify-content:space-between;align-items:none}.second-gallery__nav h2{color:inherit;line-height:2.8rem;font-family:"Inter",sans-serif;font-size:2.4rem;font-weight:500}.second-gallery__nav .slider-arrows{width:72px;display:flex;justify-content:space-between;margin-right:94px}.second-gallery__nav .slider-arrows__icons{width:50px;height:30px;display:flex;justify-content:center}.second-gallery__nav .slider-arrows__icons:hover{cursor:pointer}.second-gallery__nav .slider-arrows__icons:hover .arrow-hover{fill:#979696}.second-gallery__items{display:flex;width:5000px;transition:margin-left 0.4s linear}.second-gallery__items .item{width:260px;height:366px;text-align:center;margin-left:40px}.second-gallery__items .item:nth-child(1){margin-left:0}.second-gallery__items .item__picture{width:260px;height:260px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;padding-bottom:30px;border-radius:10px}.second-gallery__items .item__picture h2{color:#000;line-height:1.8rem;font-family:"Inter",sans-serif;font-size:2rem;font-weight:700}.second-gallery__items .item__picture__icons{width:70px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;opacity:0;transition:all 0.3s linear}.second-gallery__items .item__picture__icons .first-icon,.second-gallery__items .item__picture__icons .second-icon{transition:all 0.4s linear;width:30px;height:30px;display:flex;flex-direction:auto;justify-content:center;align-items:center;border-radius:5px}.second-gallery__items .item__picture__icons .first-icon path,.second-gallery__items .item__picture__icons .second-icon path{pointer-events:none}.second-gallery__items .item__picture__icons .first-icon:hover,.second-gallery__items .item__picture__icons .second-icon:hover{cursor:pointer;background-color:rgba(89,92,255,0.4)}.second-gallery__items .item__picture .see-more{display:flex;flex-direction:column;justify-content:center;align-items:auto}.second-gallery__items .item__name{color:inherit;line-height:inherit;font-family:"Inter",sans-serif;font-size:1.8rem;font-weight:500;margin-top:20px;margin-bottom:8px}.second-gallery__items .item span{color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500}.second-gallery__items .item span:nth-child(2n){text-decoration:line-through;margin-left:30px}.second-gallery__items .item:nth-of-type(1) .item__picture{background-image:url("images/second-gallery/roses-pink.jpg");background-size:cover}.second-gallery__items .item:nth-of-type(2) .item__picture{background-image:url("images/second-gallery/roses.jpg");background-size:cover}.second-gallery__items .item:nth-of-type(3) .item__picture{background-image:url("images/second-gallery/sunny-bouquet.jpg");background-size:cover}.second-gallery__items .item:nth-of-type(4) .item__picture{background-image:url("images/second-gallery/tulips.jpg");background-size:cover}.second-gallery__items .item:nth-of-type(5) .item__picture{background-image:url("images/second-gallery/yellow-roses.jpg");background-size:cover}.second-gallery__items .item:nth-child(6) .item__picture{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-container{background-color:#1C1C1C}.footer{height:356px;margin-top:100px;color:#fff}.footer__nav{display:flex;flex-direction:row;justify-content:space-between;align-items:unset;height:286px;border-bottom:1px solid rgba(230,230,235,0.2)}.footer__nav__block{display:flex;flex-direction:column;justify-content:unset;align-items:unset;margin-top:58px;list-style:none}.footer__nav__block .block-item{margin-top:11px;width:fit-content}.footer__nav__block .block-item__name{color:#fff;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500;text-decoration:none;margin-top:11px;transition:all 0.3s linear}.footer__nav__block .block-item__name:after{content:'';width:0%;height:1px;background-color:#595CFF;display:block;transition:width 0.4s linear}.footer__nav__block .block-item__name:hover{color:#595CFF}.footer__nav__block .block-item__name:hover::after{width:100%}.footer__nav__block .block-title{color:inherit;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.footer__nav__block .phone-number{color:inherit;line-height:1.8rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:600}.footer__nav__block .social-networks{margin-top:9px;width:112px;display:flex;flex-direction:row;justify-content:space-between;align-items:none}.footer__nav__block .social-networks__icon{display:flex;align-items:center;width:30px;height:40px}.footer__nav__block .social-networks__icon-active{transition:fill 0.4s linear}.footer__nav__block .social-networks__icon:hover{cursor:pointer}.footer__nav__block .social-networks__icon:hover .social-networks__icon-active{fill:#595CFF}.footer .copyright{color:rgba(230,230,235,0.2);line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400;margin-top:20px}.product{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.page-levels-navigation{height:52px;display:flex;flex-direction:row;justify-content:start;align-items:center;margin:10px 0 25px 0}.levels{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:250px;text-transform:capitalize;list-style:none;color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400}.levels__item__name{text-decoration:none;color:black;transition:all 0.4s linear}.levels__item__name:after{content:'';width:0%;height:1px;background-color:#595CFF;display:block;transition:all 0.4s linear}.levels__item__name:hover{opacity:0.6}.levels__item__name:hover::after{width:100%}.showed-image{opacity:1}.product__itself__image-container{background-color:bisque;width:568px;height:568px;border-radius:5px;position:relative;overflow:hidden}.product__itself__image-container .product-image{position:absolute;width:inherit;height:inherit;opacity:0;transition:all 0.4s linear}.product__itself__image-container .product-image:nth-of-type(3){width:140%}.product__itself__benefits{width:506px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:20px 0 95px 0}.product__itself__benefits .benefits__item{width:142px;display:flex;flex-direction:row;justify-content:start;align-items:center;color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400}.product__itself__benefits .benefits__item:hover .benefits__item__description{cursor:pointer}.product__itself__benefits .benefits__item:hover .benefits__item__circle{border:1px solid #595CFF;cursor:pointer;color:#595CFF;animation-name:heart;animation-duration:1.2s;animation-timing-function:linear;animation-iteration-count:infinite}.product__itself__benefits .benefits__item__circle{height:46px;width:46px;border:1px solid black;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;text-transform:uppercase;transition:all 0.3s linear}.product__itself__benefits .benefits__item__description{margin-left:10px}@keyframes heart{0%{transform:scale(1)}50%{transform:scale(2)}100%{transform:scale(1)}}.product__info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:523px;height:651px}.product__info__header{width:490px;height:76px;padding-bottom:93px;border-bottom:1px solid #E6E6EB}.product__info__header .product-name{color:#000;line-height:2.8rem;font-family:"Inter",sans-serif;font-size:2.4rem;font-weight:500;text-transform:capitalize}.product__info__header .product-price-block{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;width:163px;text-transform:capitalize;margin-top:20px}.product__info__header .product-price-block .current-price{color:#000;line-height:2.8rem;font-family:"Inter",sans-serif;font-size:2.8rem;font-weight:600}.product__info__header .product-price-block .old-price{text-decoration:line-through;color:#82828B;line-height:2.2rem;font-family:"Inter",sans-serif;font-size:1.8rem;font-weight:500}.product__info__counter-block{width:121px;height:76px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.product__info__counter-block .counter-name{text-transform:capitalize;color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.counter{width:116px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.counter .quantity-number{color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500}.counter__button{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;transition:all 0.3s linear}.counter__button:hover{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);transform:scale(1.2)}.counter__button__circle{pointer-events:none}.product__info__color-block{width:145px;height:81px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.product__info__color-block .color-block__name{text-transform:capitalize;color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.product__info__color-block .color-choice{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.product__info__color-block .color-choice__item{background-color:white;width:36px;height:36px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;transition:all 0.5s linear;border:1px solid white}.product__info__color-block .color-choice__item:hover{border:1px solid #595CFF}.product__info__color-block .color-choice__item .item__inside{background-color:#F0F0F5;width:28px;height:28px;border-radius:50%;pointer-events:none}.product__info__color-block .color-choice__item .first{background-color:rgba(0,128,0,0.397)}.product__info__color-block .color-choice__item .second{background-color:rgba(128,0,0,0.397)}.product__info__color-block .color-choice__item .third{background-color:rgba(119,128,0,0.397)}.active-item{transform:translateY(25px)}.product__info__user-action-buttons{width:385px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.product__info__user-action-buttons .first-button{width:309px;height:56px;border-radius:5px;border:1px solid #E6E6EB;text-transform:capitalize;text-decoration:none;color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all 0.5s ease-in}.product__info__user-action-buttons .first-button:hover{background-color:#595CFF;color:white}.product__info__user-action-buttons .second-button{width:56px;height:56px;border:1px solid #E6E6EB;border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all 0.5s ease-in}.product__info__user-action-buttons .second-button:hover{background-color:#595CFF}.product__info__user-action-buttons .second-button:hover .product-shopping-cart{fill:white}.product__info__client-request-block{width:521px;height:174px}.product__info__client-request-block .request{height:58px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.product__info__client-request-block .request__title{width:90%;height:58px;border:none;border-bottom:1px solid #E6E6EB;color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400;transition:all 0.5s linear}.product__info__client-request-block .request__title:focus{border-bottom:1px solid #595CFF;outline:none}.product__info__client-request-block .request__title:focus::placeholder{opacity:0}.product__info__client-request-block .request__title::placeholder{color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400;transition:all 0.3s linear}.product__info__client-request-block .request__button{width:10%;height:58px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:transform 0.3s ease-out}.product__info__client-request-block .request__button .product-add-wish{fill:black}.product__info__client-request-block .request__button:hover{transform:scale(1.5)}.product__info__client-request-block .request__button:hover .product-add-wish{fill:#595CFF}.level-current{text-transform:capitalize;color:#000;line-height:3.8rem;font-family:"Inter",sans-serif;font-size:3.2rem;font-weight:500}.list-navigation{margin-top:41px}.list-navigation .wrapper{padding-bottom:16px;border-bottom:1px solid #e6e6eb;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.items-number{color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.main-list{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:580px;list-style:none}.main-list__sub-list{width:52px;color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400;text-transform:capitalize;appearance:none;background:url("/images/svg/drop-arrow.svg");background-position-x:right;background-position-y:7px;background-repeat:no-repeat;border:2px solid white;outline:none;transition:all 0.3s linear;position:relative}.main-list__sub-list a{text-decoration:none;color:black}.main-list__sub-list:hover{cursor:pointer}.main-list__sub-list:hover ul{height:100px}.main-list__sub-list:hover ul li a{font-size:1.4rem;opacity:1;border-bottom:2px solid rgba(255,255,255,0)}.main-list__sub-list ul{position:absolute;width:52px;list-style:none;height:0px;transition:all 0.3s linear;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}.main-list__sub-list ul li{border-bottom:2px solid rgba(255,255,255,0);width:52px;transition:all 0.3s linear}.main-list__sub-list ul li:hover{border-bottom:2px solid #595cff;cursor:pointer}.main-list__sub-list ul li a{text-decoration:none;color:black;opacity:0;font-size:0;transition:all 0.6s ease-in-out}.first-hidden-gallery{display:none}.second-hidden-gallery{display:none}.button-container{margin:40px auto 100px auto}.button-container .wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.see-more-button{width:223px;height:46px;border:1px solid #e6e6eb;border-radius:4px;text-decoration:none;transition:all 0.4s linear;color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500;display:flex;flex-direction:row;justify-content:center;align-items:center}.see-more-button:hover{background-color:#595cff;color:white}@keyframes paint-circle{0%{stroke-dashoffset:1359.759765625}100%{stroke-dashoffset:0}}@keyframes activate-dash{0%{stroke-dashoffset:60}100%{stroke-dashoffset:0}}.scaled-item{transform:scale(2)}.paint-circle{animation-name:paint-circle;animation-duration:2s;animation-fill-mode:forwards}.activate-dash{animation-name:activate-dash;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:linear}.checkout-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.current-stages{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:490px}.current-stages__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#AFB1BD;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400;transition:transform 0.6s ease-in}.current-stages__item .stage{text-transform:capitalize;margin-left:15px}.moving-outline{transition:all 1s linear}.moving-outline circle{transition:all 2s linear}.track-outline,.moving-outline{position:absolute;transform:rotate(-90deg);transition:fill 0.2s linear;z-index:-10}.current-stages__dash-container{position:relative;width:62px}.current-stages__dash-container .disabled-dash,.current-stages__dash-container .active-dash{position:absolute}.process-number{position:relative;width:25px;height:25px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all 1s linear}.half-disabled{color:black}.activated-text-color{color:#595CFF}.half-activated-circle-number{color:black}.activated-circle-number{color:white}.activated-circle-bg{fill:#595CFF}.delivery{width:100%;margin-top:80px;display:flex;flex-direction:row;justify-content:space-between;align-items:unset}.delivery__method{width:435px;height:184px;margin-top:80px}.delivery__method__title{color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.delivery__method .methods{margin-top:20px}.delivery__method .methods__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:20px;border:1px solid #f0f0f5;border-radius:5px;transition:all 0.5s linear}.delivery__method .methods__item:hover{cursor:pointer}.delivery__method .methods__item:nth-of-type(2){margin-top:20px}.delivery__method .methods__item .item-price{color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400;text-transform:capitalize}.input-description{display:flex;flex-direction:row;justify-content:start;align-items:center;width:85%}.input-description>*{margin-left:15px}.input-description .description-way{color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400}.item-price{text-transform:uppercase}.active-method{outline:1px solid #595cff;outline-style:auto}.delivery__adress{width:100%;margin-top:40px}.delivery__adress__title{color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.delivery__adress__user-actions{margin-top:20px;display:flex;flex-direction:row;justify-content:start;align-items:center}.delivery__adress__user-actions .list-container .drop-list{background-color:#f9f9fb;border-radius:4px;border:none;outline:none;width:135px;height:40px;text-transform:capitalize;color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400;outline:1px solid white;outline-style:auto;transition:outline 0.4s linear}.delivery__adress__user-actions .list-container .drop-list:hover{cursor:pointer;outline:1px solid #595cff;outline-style:auto}.delivery__adress__user-actions .additional-info{margin-left:20px;background-color:#f9f9fb;border:2px solid #f9f9fb;outline:none;border-radius:4px;width:279px;height:40px;text-transform:capitalize;transition:all 0.4s linear;color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400}.delivery__adress__user-actions .additional-info:hover{cursor:pointer}.delivery__adress__user-actions .additional-info:focus{border:2px solid #595cff}.delivery__adress__user-actions .additional-info:focus::placeholder{opacity:0}.delivery__adress__user-actions .additional-info::placeholder{transition:all 0.4s linear}.delivery__date-and-time{margin-top:40px;padding-bottom:40px;border-bottom:1px solid #f9f9fb}.delivery__date-and-time .date-and-time__title{color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}.delivery__date-and-time .delivery-drop-lists{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.delivery__date-and-time .delivery-drop-lists .delivery-drop-lists__item{width:207px;height:40px;background-color:#f9f9fb;border:none;outline:none;border-radius:4px;color:#000;line-height:1.6rem;font-family:"Inter",sans-serif;font-size:1.2rem;font-weight:400;text-transform:capitalize;outline:1px solid white;outline-style:auto;transition:outline 0.4s linear}.delivery__date-and-time .delivery-drop-lists .delivery-drop-lists__item:hover{cursor:pointer;outline:1px solid #595cff;outline-style:auto}.delivery__buttons{margin-top:24px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.delivery__buttons__first,.delivery__buttons__second{width:174px;height:46px;color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400;text-transform:capitalize;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-decoration:none;border-radius:5px;transition:all 0.3s linear}.delivery__buttons__first:hover,.delivery__buttons__second:hover{background-color:#595CFF;color:white}.delivery__buttons__first:hover .delivery-btn-arrow,.delivery__buttons__second:hover .delivery-btn-arrow{fill:white}.order-total{width:440px;height:333px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-self:end;padding:20px;border:1px solid #f0f0f5;border-radius:5px}.order-total__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-transform:capitalize;width:100%}.order-total__header .header-title{color:#000;line-height:2.2rem;font-family:"Inter",sans-serif;font-size:1.8rem;font-weight:500}.order-total__header .edit-button{text-decoration:none;color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500;transition:all 0.4s linear}.order-total__header .edit-button:after{content:'';width:0%;height:1px;background-color:#595CFF;display:block;transition:width 0.4s linear}.order-total__header .edit-button:hover{color:rgba(0,0,0,0.295)}.order-total__header .edit-button:hover::after{width:100%}.order-total__product{width:382px;height:100px;display:flex}.order-total__product .product-image{width:100px;height:100px;background-image:url("/images/first-gallery/bouquet-lilies.jpg");background-size:cover;background-repeat:no-repeat;background-position-x:center;border-radius:5px}.order-total__product .product-description{display:flex;flex-direction:column;justify-content:start;align-items:unset;width:74%;padding-left:21px}.order-total__product .product-description__name-and-price{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.order-total__product .product-description__name-and-price .product-name{color:#000;line-height:2.4rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400;text-transform:capitalize}.order-total__product .product-description__name-and-price .product-price{color:#000;line-height:2.2rem;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:500}.order__total__footer{width:100%}.order__total__footer__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.order__total__footer__item:nth-of-type(1){padding:18px 0 18px;border-bottom:1px solid #f0f0f5;border-top:1px solid #f0f0f5}.order__total__footer__item:nth-of-type(2){padding-top:15px}.order__total__footer__item .text{text-transform:capitalize;color:#000;line-height:2rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:400}.order__total__footer__item .price{color:#000;line-height:1.7rem;font-family:"Inter",sans-serif;font-size:1.4rem;font-weight:500;text-transform:uppercase}.checkout-counter{margin-top:18px}