/* Start:/local/templates/pappy_pets/fancybox/fancybox.css?177524908225343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/pappy_pets/css/swiper-bundle.min.css?177555405518454*/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/pappy_pets/css/air-datepicker.min.css?177555405319860*/
/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/air-datepicker@3.4.0/air-datepicker.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}

/* End */


/* Start:/local/templates/pappy_pets/css/animate.min.css?177555405371750*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/pappy_pets/css/flatpickr.min.css?177555405416166*/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* End */


/* Start:/local/templates/pappy_pets/css/ion.rangeSlider.css?177555405413296*/
/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}

/* End */


/* Start:/local/templates/pappy_pets/css/nouislider.min.css?17755540544220*/
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/* End */


/* Start:/local/templates/pappy_pets/css/choices.min.css?177979839910809*/
.choices{position:relative;overflow:hidden;margin-bottom:var(--choices-guttering, 24px);font-size:var(--choices-font-size-lg, 16px)}.choices:focus{outline:0}.choices:last-child{margin-bottom:0}.choices.is-open{overflow:visible}.choices.is-disabled :is(.choices__inner,.choices__input){background-color:var(--choices-bg-color-disabled, #eaeaea);cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed;color:var(--choices-item-disabled-color, #fff)}.choices [hidden]{position:absolute;inset:0;pointer-events:none;opacity:0}.choices[data-type*=select-one]{cursor:pointer}.choices[data-type*=select-one] .choices__inner{padding-bottom:var(--choices-inner-one-padding, 7.5px)}.choices[data-type*=select-one] .choices__input{display:block;width:var(--choices-width, 100%);padding:var(--choices-dropdown-item-padding, 10px);border-bottom:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);background-color:var(--choices-bg-color-dropdown, #fff);margin:0}.choices[data-type*=select-one] .choices__button{background-image:var(--choices-icon-cross-inverse, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));padding:0;background-size:8px;position:absolute;top:50%;right:0;margin-top:-10px;margin-right:25px;height:20px;width:20px;border-radius:10em;opacity:.25}.choices[data-type*=select-one] .choices__button:is(:hover,:focus){opacity:var(--choices-button-opacity-hover, 1)}.choices[data-type*=select-one] .choices__button:focus{box-shadow:0 0 0 2px var(--choices-highlight-color, #005F75)}.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button{display:none}.choices[data-type*=select-one]::after{content:"";height:0;width:0;border-style:solid;border-color:var(--choices-text-color, #333) transparent transparent transparent;border-width:var(--choices-arrow-size, 5px);position:absolute;right:var(--choices-arrow-right, 11.5px);top:50%;margin-top:var(--choices-arrow-margin-top, -2.5px);pointer-events:none}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent var(--choices-text-color, #333);margin-top:var(--choices-arrow-margin-top-open, -7.5px)}.choices[data-type*=select-one][dir=rtl]::after{left:11.5px;right:auto}.choices[data-type*=select-one][dir=rtl] .choices__button{right:auto;left:0;margin-left:25px;margin-right:0}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__inner{cursor:text}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button{position:relative;display:inline-block;margin:0 calc(var(--choices-button-offset, 8px)*-.5)0 var(--choices-button-offset, 8px);padding-left:calc(var(--choices-button-offset, 8px)*2);border-left:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black));background-image:var(--choices-icon-cross, url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg=="));background-size:var(--choices-button-dimension, 8px);width:var(--choices-button-dimension, 8px);line-height:var(--choices-button-line-height, 1);border-radius:var(--choices-button-border-radius, 0);opacity:var(--choices-button-opacity, 0.75)}.choices:is([data-type*=select-multiple],[data-type*=text]) .choices__button:is(:hover,:focus){--choices-button-opacity:var(--choices-button-opacity-hover, 1)}.choices__inner{display:inline-block;vertical-align:top;width:var(--choices-width, 100%);background-color:var(--choices-bg-color, #f9f9f9);padding:var(--choices-inner-padding, 7.5px 7.5px 3.75px);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);border-radius:var(--choices-border-radius, 2.5px);font-size:var(--choices-font-size-md, 14px);min-height:var(--choices-input-height, 44px);overflow:hidden}.is-focused .choices__inner,.is-open .choices__inner{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-open .choices__inner{border-radius:var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)0 0}.is-invalid .choices__inner{border-color:var(--choices-invalid-color, #d33141)}.is-flipped.is-open .choices__inner{border-radius:0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px)}.choices__list{margin:0;padding-left:0;list-style:none}.choices__list--single{display:inline-block;padding:var(--choices-list-single-padding, 4px 16px 4px 4px)}[dir=rtl] .choices__list--single{padding-right:4px;padding-left:16px}.choices__list--single,.choices__list--single .choices__item{width:var(--choices-width, 100%)}.choices__list--multiple{display:inline}.choices__list--multiple .choices__item{display:inline-block;vertical-align:middle;border-radius:var(--choices-border-radius-item, 20px);padding:var(--choices-multiple-item-padding, 4px 10px);font-size:var(--choices-font-size-sm, 12px);font-weight:500;margin-right:var(--choices-multiple-item-margin, 3.75px);margin-bottom:var(--choices-multiple-item-margin, 3.75px);background-color:var(--choices-primary-color, #005F75);border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));color:var(--choices-item-color, #fff);word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item[data-deletable]{padding-right:5px}[dir=rtl] .choices__list--multiple .choices__item{margin-right:0;margin-left:var(--choices-multiple-item-margin, 3.75px)}.choices__list--multiple .choices__item.is-highlighted{background-color:color-mix(in srgb,var(--choices-primary-color, #005F75) 95%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-primary-color, #005F75) 90%,var(--choices-darken, black))}.is-disabled .choices__list--multiple .choices__item{background-color:color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 75%,var(--choices-darken, black));border:1px solid color-mix(in srgb,var(--choices-disabled-color, #eaeaea) 65%,var(--choices-darken, black))}.choices__list--dropdown,.choices__list[aria-expanded]{display:none;z-index:var(--choices-z-index, 1);position:absolute;width:var(--choices-width, 100%);background-color:var(--choices-bg-color-dropdown, #fff);border:var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd);top:100%;margin-top:-1px;border-bottom-left-radius:var(--choices-border-radius, 2.5px);border-bottom-right-radius:var(--choices-border-radius, 2.5px);overflow:hidden;word-break:break-all}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{display:block}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:color-mix(in srgb,var(--choices-keyline-color, #ddd) 85%,var(--choices-darken, black))}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-radius:.25rem .25rem 0 0}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{position:relative;max-height:300px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:var(--choices-dropdown-item-padding, 10px);font-size:var(--choices-font-size-md, 14px)}[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item{text-align:right}@media (min-width:640px){.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{padding-right:100px}.choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{content:attr(data-select-text);font-size:var(--choices-font-size-sm, 12px);position:absolute;right:10px;top:50%;transform:translateY(-50%)}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]{text-align:right;padding-left:100px;padding-right:10px}[dir=rtl] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]::after{right:auto;left:10px}}.choices__list--dropdown .choices__item--selectable.is-selected::after,.choices__list[aria-expanded] .choices__item--selectable.is-selected::after{content:none!important}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background-color:var(--choices-highlighted-color, #f2f2f2)}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.5}.choices__heading{font-weight:600;font-size:12px;padding:10px;border-bottom:1px solid color-mix(in srgb,var(--choices-keyline-color, #ddd) 90%,var(--choices-lighten, white));color:gray}.choices__button{text-indent:-9999px;appearance:none;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.choices__button:focus,.choices__input:focus{outline:0}.choices__input{display:inline-block;vertical-align:baseline;background-color:var(--choices-bg-color, #f9f9f9);font-size:var(--choices-font-size-md, 14px);margin-bottom:var(--choices-input-margin-bottom, 5px);border:0;border-radius:0;max-width:var(--choices-width, 100%);padding:var(--choices-input-padding, 4px 0 4px 2px)}.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration{display:none}.choices__input::-ms-clear,.choices__input::-ms-reveal{display:none;width:0;height:0}[dir=rtl] .choices__input{padding-right:2px;padding-left:0}.choices__placeholder{opacity:var(--choices-placeholder-opacity, 0.5)}
/* End */


/* Start:/local/templates/pappy_pets/css/daterangepicker.css?17797983998069*/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

/* End */


/* Start:/local/templates/pappy_pets/css/style.min.css?1779966928594926*/
@charset "UTF-8";
@font-face {
  font-family: "Peace Sans";
  src: url("/local/templates/pappy_pets/css/../fonts/PeaceSans.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Bold.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Black.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Heavy.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Regular.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Light.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Medium.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Semibold.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Ultralight.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Ultralight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: " Inter";
  src:
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Thin.woff2") format("woff2"),
    url("/local/templates/pappy_pets/css/../fonts/SFRounded-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
:root {
  --vh: 1vh;
  --puppy-pink-color: #febece;
}

* {
  margin: 0;
  padding: 0;
  font-family: "inter", sans-serif;
  box-sizing: border-box;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

button {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: none;
}

button,
input[type="checkbox"],
input[type="radio"] {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  line-height: 1;
  font-family: "sans-serif";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body > font {
  display: none!important;
}

input,
button,
textarea {
/*  font-family: "sans-serif";
  font-size: inherit;*/
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  background-color: inherit;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

/*
&::-webkit-scrollbar {
  display: none;
}
*/
.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

body {
  color: #000;
  font-size: 16px;
  font-family: "sans-serif";
  background-color: #ebebeb;
}
body._lock {
  overflow: hidden;
  height: 100dvh;
}
body._lock .wrapper {
  height: 100dvh;
  overflow: hidden;
}

.wrapper {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.wrapper.sticky-wrapper {
  overflow: unset;
}
@media (max-width: 1024px) {
  .wrapper {
    min-height: 100dvh;
  }
}
@media (max-width: 768px) {
  .wrapper.search-wrapper .header {
    display: none;
  }
}
.input {
  outline: none;
  border: none;
}

.btn {
  outline: none;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  border: none;
}
.btn-white {
  background: #ffffff;
  color: #3d3d3d;
}
.btn-search {
  background: url(/local/templates/pappy_pets/css/../img/icons/search.svg) center/100% no-repeat;
  width: 22.24px;
  height: 22.24px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-login {
  width: 140px;
  height: 40px;
  border-radius: 12px;
  font-size: 18px;
  font-family: "Nunito", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  border: 2px solid #ffffff;
  transition: all 0.1s ease-in;
}
.btn-login::after {
  content: "";
  background: url(/local/templates/pappy_pets/css/../img/icons/login.svg) center/100% no-repeat;
  width: 18px;
  height: 19px;
  margin-top: 2px;
  margin-left: 3px;
  transition: all 0.1s ease-in;
}
.btn-login:hover {
  color: #ffffff;
  background-color: transparent;
  transition: all 0.1s ease-in;
}
.btn-login:hover::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/login-white.svg) center/100% no-repeat;
  transition: all 0.1s ease-in;
}

.my-logout-wrap {
  border-top: 1px solid #ffffff;
  margin-top: 20px;
  padding-top: 20px;
}

.btn-submenu-hide {
  width: 12px;
  height: 5px;
  background: url(/local/templates/pappy_pets/css/../img/icons/arrow-sm-up.svg) center/100% no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}

.back {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/back.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
  border-radius: 50%;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .back:hover {
    background-color: #febece;
  }
}
@media (max-width: 1024px) {
  .back {
    width: 34px;
    height: 34px;
  }
}

.button {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.28px;
  transition: all 0.5s;
}
.button.disabled {
  opacity: 0.3;
  cursor: no-drop;
}
.button svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .button:hover {
    border: 1px solid transparent;
    background: #fff;
    color: #1a1a1a;
  }
  .button:hover.disabled {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    color: #717171;
  }
}
.button.border-black {
  border: 1px solid #000;
  color: #000;
}
@media (min-width: 1024px) {
  .button.border-black:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid transparent;
  }
  .button.border-black:hover.disabled {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    color: #717171;
  }
}
.button-bg {
  border: 1px solid transparent;
  background: #fff;
  color: #1a1a1a;
}
@media (min-width: 1024px) {
  .button-bg:hover {
    background-color: #000;
    color: #fff;
  }
  .button-bg:hover svg path {
    fill: #fff !important;
  }
  .button-bg:hover.disabled {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    color: #717171;
  }
  .button-bg:hover.disabled svg path {
    fill: #717171 !important;
  }
}
.button.button-light-grey {
  background: #d6d6d6;
  border: 1px solid #d6d6d6;
  color: #717171;
}
@media (min-width: 1024px) {
  .button.button-light-grey:hover {
    background-color: transparent;
    border: 1px solid #d6d6d6;
    color: #717171;
  }
  .button.button-light-grey:hover.disabled {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    color: #717171;
  }
}
.button.button-black {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
@media (min-width: 1024px) {
  .button.button-black:hover {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
  }
  .button.button-black:hover svg path {
    fill: #000 !important;
  }
  .button.button-black:hover.disabled {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
  }
  .button.button-black:hover.disabled svg path {
    fill: #fff !important;
  }
}
.button.button-light-blue {
  background: #59adee;
  border: 1px solid #59adee;
  color: #fff;
}
@media (min-width: 1024px) {
  .button.button-light-blue:hover {
    background-color: transparent;
    border: 1px solid #59adee;
    color: #000;
  }
  .button.button-light-blue:hover svg path {
    fill: #000 !important;
  }
  .button.button-light-blue:hover.disabled {
    background-color: #59adee;
    border: 1px solid #59adee;
    color: #fff;
  }
  .button.button-light-blue:hover.disabled svg path {
    fill: #fff !important;
  }
}
.button.button-dark-grey {
  background: #343434;
  border: 1px solid #343434;
  color: #fff;
}
@media (min-width: 1024px) {
  .button.button-dark-grey:hover {
    background-color: transparent;
    border: 1px solid #343434;
    color: #343434;
  }
  .button.button-dark-grey:hover svg path {
    fill: #343434 !important;
  }
  .button.button-dark-grey:hover.disabled {
    background-color: #343434;
    border: 1px solid #343434;
    color: #fff;
  }
  .button.button-dark-grey:hover.disabled svg path {
    fill: #fff !important;
  }
}
.button.button-gray {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: #000;
}
.button.button-gray svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .button.button-gray:hover {
    background-color: #000;
    border: 1px solid transparent;
    color: #fff;
  }
  .button.button-gray:hover svg path {
    fill: #fff !important;
  }
  .button.button-gray:hover.disabled {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f5f5f5;
    color: #000;
  }
  .button.button-gray:hover.disabled svg path {
    fill: #000 !important;
  }
}
.button.button-pink {
  border: 1px solid rgba(248, 208, 208, 0.08);
  background: #febece;
  color: #000;
}
@media (min-width: 1024px) {
  .button.button-pink:hover {
    background-color: transparent;
    border: 1px solid #febece;
    color: #000;
  }
  .button.button-pink:hover.disabled {
    background-color: #febece;
    border: 1px solid rgba(248, 208, 208, 0.08);
    color: #000;
  }
  .button.button-pink:hover.disabled svg path {
    fill: #000 !important;
  }
}
.button.button-orange {
  background: #fb874c;
  border: 1px solid #fb874c;
  color: #fff;
}
@media (min-width: 1024px) {
  .button.button-orange:hover {
    background-color: transparent;
    color: #fb874c;
  }
  .button.button-orange:hover svg path {
    fill: #fb874c !important;
  }
}
.button.button-green {
  background: #accb4a;
  border: 1px solid #accb4a;
  color: #000;
}
@media (min-width: 1024px) {
  .button.button-green:hover {
    background-color: transparent;
    color: #accb4a;
  }
  .button.button-green:hover svg path {
    fill: #accb4a !important;
  }
}

.tabs {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.tabs::-webkit-scrollbar {
  width: 0;
}
.tabs .tab-btn {
  min-width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 4px;
  border-radius: 28px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.28px;
  transition: all 0.5s;
}
.tabs .tab-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 28px;
  border-radius: 19px;
  background: #fff;
  transition: all 0.5s;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
}
.tabs .tab-btn.active {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.tabs .tab-btn.active span {
  color: rgba(0, 0, 0, 0.9);
}

.messages-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  position: relative;
}
.messages-item .all-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.messages-item .messages-item-img {
  width: 100%;
  max-width: 88px;
  min-width: 88px;
}
@media (max-width: 1024px) {
  .messages-item .messages-item-img {
    max-width: 64px;
    min-width: 64px;
  }
}
.messages-item .messages-item-img img {
  width: 100%;
  height: 72px;
  border-radius: 8px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .messages-item .messages-item-img img {
    height: 56px;
  }
}
.messages-item .messages-item-img .icon {
  width: 100%;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.messages-item .messages-item-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.messages-item .messages-item-info .messages-item-text {
  width: 100%;
}
.messages-item .messages-item-info .messages-item-text h4 {
  overflow: hidden;
  color: #2f1f1b;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .messages-item .messages-item-info .messages-item-text h4 {
    font-size: 14px;
  }
}
.messages-item .messages-item-info .messages-item-text .subtitle {
  color: #2f1f1b;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.7px;
  display: block;
  margin-bottom: 4px;
}
.messages-item .messages-item-info .messages-item-text .flex {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
}
.messages-item .messages-item-info .messages-item-text .description {
  color: rgba(47, 31, 27, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.messages-item .messages-item-info .messages-item-details {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 4px;
}
.messages-item .messages-item-info .messages-item-details .date {
  color: rgba(47, 31, 27, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.messages-item .messages-item-info .messages-item-details .price {
  color: #2f1f1b;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.7px;
  white-space: nowrap;
}

.dropdown {
  width: 100%;
  position: relative;
}
.dropdown .dropdown-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 36px;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 0 6px;
}
.dropdown .dropdown-title span {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  padding: 6px;
  border-radius: 4px;
  width: 100%;
  background: #f5f5f5;
}
.dropdown .dropdown-content button {
  width: 100%;
  height: 26px;
  border-radius: 4px;
  background: #f5f5f5;
  color: #000;
  font-family: inter;
  font-size: 10px;
}

.photo-upload {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}
.photo-upload .uploaded-photo-item {
  width: 100%;
  position: relative;
}
.photo-upload .uploaded-photo-item:only-child {
  grid-column: 1/3;
}
.photo-upload .uploaded-photo-item .uploaded-img {
  width: 100%;
  height: 250px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .photo-upload .uploaded-photo-item .uploaded-img {
    height: 170px;
  }
}
.photo-upload .uploaded-photo-item .remove-btn {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background: #f5f5f5;
}
.photo-upload .photo-upload-area {
  width: 100%;
}
.photo-upload .photo-upload-area:nth-child(1) {
  grid-column: 1/3;
}
.photo-upload .photo-upload-area .input-photo {
  width: 100%;
  height: 250px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
@media (max-width: 1024px) {
  .photo-upload .photo-upload-area .input-photo {
    height: 170px;
  }
}
.photo-upload .photo-upload-area .input-photo input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.photo-upload .photo-upload-area .input-photo .input-file-title {
  color: #000;
  text-align: center;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}

.air-datepicker-body--cells.-days- {
  padding: 12px;
}

.popup {
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  padding: 30px 10px;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
}
.popup::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
}
.popup.show {
  visibility: visible;
  overflow: auto;
}
.popup.show::before {
  opacity: 1;
}
.popup.show .popup__body {
  transform: scale(1);
}
.popup._active {
  overflow: auto;
  visibility: visible;
}
.popup._active::before {
  opacity: 1;
}
.popup._active .popup__body {
  transition: all 0.3s ease 0.2s;
  transform: scale(1);
}
.popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup__body {
  transform: scale(0);
  transition: all 0.3s ease 0s;
  background-color: #fff;
  padding: 50px;
  width: 100%;
  max-width: 800px;
}
.popup__close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  z-index: 30;
  background: url("/local/templates/pappy_pets/css/../img/icons/close.svg") 0 0 no-repeat;
}

.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.page-wrap {
  min-height: 80dvh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-main {
  background-image: url(/local/templates/pappy_pets/css/../img/main-bg.jpeg);
}

.input-text {
  width: 100%;
  display: block;
}
.input-text .input-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.input-text .input {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  padding: 0 12px;
  cursor: pointer;
}
.input-text .input input,
.input-text .input textarea {
  width: 100%;
  height: 100%;
  border: unset;
  background-color: transparent;
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
}
.input-text .input input:focus-visible,
.input-text .input textarea:focus-visible {
  outline: none;
}
.input-text .input input::placeholder,
.input-text .input textarea::placeholder {
  color: #7b7b7b;
}
.input-text .input .date-input-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.input-text .input.textarea {
  height: 116px;
  padding: 8px 12px;
}
.input-text .input.textarea textarea {
  resize: none;
}
.input-text .error-message {
  display: none;
  margin-top: 6px;
  color: #ce3535;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
}
.input-text .message {
  max-width: 352px;
  display: block;
  margin-top: 8px;
  width: 100%;
  padding-left: 16px;
  color: rgba(0, 0, 0, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.08px;
}
.input-text.error .input {
  border: 1px solid #ce3535;
}
.input-text.error .error-message {
  display: block;
}
.input-text.disabled .input {
  cursor: no-drop;
  opacity: 0.8;
}
.input-text.empty .input svg path {
  fill: #7b7b7b !important;
}

.question {
  width: 100%;
  padding: 0;
}
.question .quest-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.question .flex {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.question .flex .quest-checkbox {
  position: relative;
  display: block;
}
.question .flex .quest-checkbox.disabled {
  opacity: 0.3;
  cursor: no-drop;
}
.question .flex .quest-checkbox.disabled input {
  cursor: no-drop;
}
.question .flex .quest-checkbox input {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.question .flex .quest-checkbox input:checked ~ span {
  border: 2px solid #5c4033;
}
.question .flex .quest-checkbox span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 36px;
  border-radius: 8px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.28px;
}

.slide-btn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 8px;
}
.slide-btn input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.slide-btn input:checked ~ .input {
  background: #accb4a;
  justify-content: flex-end;
}
.slide-btn input:checked ~ .input::before {
  left: 22px;
}
.slide-btn .btn-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.slide-btn .input {
  border-radius: 12px;
  background: #f5f5f5;
  display: flex;
  width: 44px;
  height: 24px;
  padding: 2px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  transition: all 0.5s;
}
.slide-btn .input::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0px 1px 3px 0px rgba(16, 24, 40, 0.1),
    0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  width: 20px;
  height: 20px;
  transition: all 0.5s;
  display: block;
}
.error_page {
  display: flex;
  gap: 50px;
  flex-direction: column;
  max-width: 840px;
  margin: auto;
}
.error_page .top_text {
  font-weight: 500;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
}
.error_page .dop_text {
  font-weight: 500;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #8b8b8b;
}
.error_page .img {
  text-align:center;
}
.error_page .img a {margin: auto;margin-top:-22px;max-width: 300px;}
.input-file,
.input-avatar {
  width: 100%;
}
.input-file .attach-file,
.input-avatar .attach-file {
  width: 100%;
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  padding: 16px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 12px;
}
.input-file .attach-file input,
.input-avatar .attach-file input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.input-file .attach-file .icon,
.input-avatar .attach-file .icon {
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #eaecf0;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.input-file .attach-file .icon svg,
.input-avatar .attach-file .icon svg {
  width: 24px;
  height: 24px;
}
.input-file .attach-file p,
.input-avatar .attach-file p {
  margin-bottom: 4px;
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.input-file .attach-file p span,
.input-avatar .attach-file p span {
  font-weight: 500;
}
.input-file .attach-file .file-format,
.input-avatar .attach-file .file-format {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.24px;
}

.attached-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  padding: 12px;
}
.attached-item:first-child {
  margin-top: 12px;
}
.attached-item:last-child {
  margin-bottom: 0;
}
.attached-item .attached-item-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.attached-item .attached-item-left .text .file-name {
  overflow: hidden;
  color: var(--Gray-700, #344054);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: block;
}
.attached-item .attached-item-left .text .file-details {
  overflow: hidden;
  color: var(--Gray-600, #475467);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.input-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  position: relative;
}
.input-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.input-checkbox input:checked ~ .input, .input-checkbox.active .input {
  border: 2px solid #5c4033!important;
 /* background: #5c4033!important;*/
}
.input-checkbox input:checked ~ .input img, .input-checkbox.active svg {
  opacity: 1!important;
}
.input-checkbox .input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  transition: all 0.5s;
}
.input-checkbox .input img {
  opacity: 0;
}

.date-container {
  position: relative;
}
.date-container .input {
  position: relative;
}
.date-container .input .open-calendar {
  border: unset;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  padding: 0;
  z-index: 3;
  height: 100%;
}
.date-container .air-datepicker-body--cells.-months- .air-datepicker-cell,
.date-container .air-datepicker-body--cells.-years- .air-datepicker-cell {
  width: 100%;
  height: 100%;
}
.date-container .air-datepicker-body--cells.-years- .-other-decade- {
  display: none;
}
.date-container .air-datepicker-cell.-focus- {
  background: unset;
}
.date-container .air-datepicker {
  z-index: 10;
  position: absolute;
  right: 0;
  top: 70px;
  display: none;
  width: 100%;
  max-width: 340px;
  min-width: 340px;
  border: unset;
  border-radius: 16px;
  background: #fff;
  box-shadow: 11px 7px 47.4px 0px rgba(0, 0, 0, 0.14);
}
.date-container .air-datepicker::before {
  content: "";
  position: absolute;
  top: -12px;
  right: 14px;
  left: unset;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
}
.date-container .air-datepicker .air-datepicker-nav {
  border: unset;
}
.date-container .air-datepicker .air-datepicker-body--day-names {
  background: #f9f9f9;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  padding: 4px 8px;
}
.date-container .air-datepicker .air-datepicker-body--day-names .air-datepicker-body--day-name {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.5px;
}
.date-container .air-datepicker .air-datepicker--content {
  padding: 0;
}
.date-container .air-datepicker .flatpickr-months {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
}
.date-container .air-datepicker .flatpickr-months .flatpickr-month {
  max-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.date-container .air-datepicker .flatpickr-months .flatpickr-month .flatpickr-current-month {
  width: 100%;
  height: auto;
  inset: 0;
}
.date-container .air-datepicker .air-datepicker-cell {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
}
.date-container .air-datepicker .air-datepicker-cell:hover {
  background-color: transparent;
  border: unset;
}
.date-container .air-datepicker .air-datepicker-cell.-day-.-selected-,
.date-container .air-datepicker .air-datepicker-cell.-day-.-in-range- {
  background: #5c4033;
  color: #fff;
  border: unset;
}
.date-container .air-datepicker .air-datepicker-cell.-disabled- {
  cursor: no-drop;
  opacity: 0.3;
}
.date-container .air-datepicker .air-datepicker-cell.-month-.-selected-,
.date-container .air-datepicker .air-datepicker-cell.-year-.-selected- {
  background: #5c4033;
  color: #fff;
  border-radius: 2px;
  border: unset;
}
.date-container .air-datepicker .air-datepicker-cell.-other-month- {
  color: rgba(0, 0, 0, 0.5);
}
.date-container .air-datepicker .air-datepicker-body--cells.-months-,
.date-container .air-datepicker .air-datepicker-body--cells.-years- {
  padding: 12px;
  gap: 12px;
}
.date-container .air-datepicker .today {
  border: unset;
}
.date-container .air-datepicker .today:hover {
  background-color: transparent;
  border: unset;
}
.date-container .air-datepicker .air-datepicker-nav--action {
  padding: 0;
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
}
.date-container .air-datepicker .air-datepicker-nav--action svg path {
  stroke: #5c4033 !important;
  stroke-width: 1px;
}
.date-container .air-datepicker .flatpickr-current-month {
  display: flex;
  justify-content: center;
  align-items: center;
}
.date-container .air-datepicker .numInputWrapper .input {
  border: unset;
  padding: 0;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
.date-container .air-datepicker .numInputWrapper .arrowUp,
.date-container .air-datepicker .numInputWrapper .arrowDown {
  display: none;
}
.date-container .air-datepicker .flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  max-width: max-content;
  width: 100%;
  padding: 0;
}
.date-container .air-datepicker .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.date-container .air-datepicker .numInputWrapper:hover {
  background-color: transparent;
}

.promocode-input .success-message,
.promocode-input .error-message {
  display: none;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #8aa23b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.08px;
  margin-top: 6px;
}
.promocode-input .error-message {
  color: #e92a2a;
}
.promocode-input.succes .input {
  border: 1px solid #accb4a;
}
.promocode-input.succes .success-message {
  display: flex;
}
.promocode-input.error .input {
  border: 1px solid #e92a2a;
}
.promocode-input.error .error-message {
  display: flex;
}

.code-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.code-input .input-text {
  width: 100%;
  max-width: 100px;
}
.code-input .input-text .input input {
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
.code-input .input-text .input input::-webkit-outer-spin-button,
.code-input .input-text .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.search-form {
  width: 100%;
  position: relative;
}
.search-form .searc-submit-btn {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: unset;
  padding: 0;
  margin: 0;
  width: 28px;
  height: 28px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/search-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1024px) {
  .search-form .searc-submit-btn {
    width: 20px;
    height: 20px;
    right: 12px;
  }
}
.search-form .search-dropdown {
  position: absolute;
  left: 0;
  top: 60px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  z-index: 20;
  width: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  display: none;
}
.search-form .search-dropdown .title {
  color: #000;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 24px;
  display: block;
}
.search-form .search-dropdown ul li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-form .search-dropdown ul li:last-child {
  margin-bottom: 0;
}
.search-form .search-dropdown ul li a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #000;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.9px;
}
.search-form .search-dropdown ul li a::before {
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/search-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: relative;
}
.search-form .input-text .input {
  border-radius: 47px;
  background: var(--white, #fff);
  padding: 0 76px 0 24px;
  height: 54px;
}
@media (max-width: 1024px) {
  .search-form .input-text .input {
    height: 44px;
    padding: 0 44px 0 12px;
    border-radius: 20px;
  }
}

.catalog-item {
  width: 100%;
}
.catalog-item .img {
  width: 100%;
  display: block;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  margin-bottom: 8px;
}
.catalog-item .img img {
  border-radius: 16px;
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.catalog-item .text {
  width: 100%;
}
.catalog-item .text h4 {
  text-align: center;
}
.catalog-item .text h4 a {
  color: #000;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.32px;
}

.product-item {
  width: 100%;
  padding: 16px 22px;
  border-radius: 22px;
  background: #fff;
  backdrop-filter: blur(19.7906990051px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  transition: all 0.5s;
  position: relative;
}
@media (min-width: 1024px) {
  .product-item:hover {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4) !important;
  }
}
@media (max-width: 768px) {
  .product-item {
    padding: 10px;
  }
}
.product-item .all-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
.product-item .product-item-img {
  width: 100%;
  display: block;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.product-item .product-item-img img {
  border-radius: 16px;
  width: 100%;
  height: 186px;
  object-fit: cover;
}
.product-item .product-item-info {
  width: 100%;
}
.product-item .product-item-info .product-item-info-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .product-item .product-item-info .product-item-info-title h4 {
    max-width: 128px;
  }
}
.product-item .product-item-info .product-item-info-title h4 a {
  color: #000;
  text-overflow: ellipsis;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 768px) {
  .product-item .product-item-info .product-item-info-title h4 a {
    font-size: 14px;
    line-height: 15.486px;
  }
}
.product-item .product-item-info .product-item-info-title .like-btn {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  position: relative;
  transition: all 0.5s;
  z-index: 2;
}
@media (max-width: 768px) {
  .product-item .product-item-info .product-item-info-title .like-btn {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
}
.product-item .product-item-info .product-item-info-title .like-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon.svg) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
.product-item .product-item-info .product-item-info-title .like-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg) no-repeat center center;
  background-size: contain;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s opacity;
}
.product-item .product-item-info .product-item-info-title .like-btn.active::after {
  opacity: 1;
}
.product-item .product-item-info .product-item-info-title .like-btn.active:hover {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.product-item .product-item-info .product-item-info-title .like-btn.active:hover::after {
  opacity: 1;
  background-image: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg);
}
@media (min-width: 1024px) {
  .product-item .product-item-info .product-item-info-title .like-btn:hover {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f9d1d1;
  }
  .product-item .product-item-info .product-item-info-title .like-btn:hover::after {
    opacity: 1;
    background-image: url(/local/templates/pappy_pets/css/../img/icons/mdi_heart.svg);
  }
}
.product-item .product-item-info .price {
  color: #000;
  font-family: inter;
  font-size: 18.471px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.11px;
  letter-spacing: -0.66px;
  display: block;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .product-item .product-item-info .price {
    font-size: 16px;
  }
}
.product-item .product-item-info .product-item-char {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 6px;
}
.product-item .product-item-info .product-item-char span {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px 4px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 768px) {
  .product-item .product-item-info .product-item-char span {
    font-size: 10px;
  }
}
.product-item .product-item-info .product-item-char span::after {
  content: "";
  position: relative;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.product-item .product-item-info .city {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.66px;
  display: block;
  margin-bottom: 6px;
}
.product-item .product-item-info .product-item-stats {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.product-item .product-item-info .product-item-stats span {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.product-item.vertical {
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 10px;
}
.product-item.vertical .product-item-img {
  max-width: 140px;
}
@media (max-width: 768px) {
  .product-item.vertical .product-item-img {
    max-width: 136px;
  }
}
.product-item.vertical .product-item-img img {
  height: 110px;
}
@media (max-width: 768px) {
  .product-item.vertical .product-item-img img {
    height: 136px;
  }
}
.product-item.vertical .product-item-info .product-item-info-title {
  margin-bottom: 0;
  position: relative;
}
.product-item.vertical .product-item-info .product-item-info-title h4 a {
  line-height: 26px;
}
@media (max-width: 768px) {
  .product-item.vertical .product-item-info .product-item-info-title h4 a {
    font-size: 14px;
    line-height: 15.486px;
  }
}
.product-item.vertical .product-item-info .product-item-info-title .like-btn {
  position: absolute;
  top: 0px;
  right: 20px;
}
@media (max-width: 768px) {
  .product-item.vertical .product-item-info .product-item-info-title .like-btn {
    right: 10px;
  }
}

.cart-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  background: #f8f8f8;
  position: relative;
}
@media (max-width: 1024px) {
  .cart-item {
    padding: 8px;
  }
}
.cart-item .input-checkbox {
  width: 24px;
  height: 24px;
  min-width: 24px;
  position: relative;
}
.cart-item .input-checkbox input {
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cart-item .input-checkbox input:checked ~ .input {
  background: #5c4033;
}
.cart-item .input-checkbox input:checked ~ .input svg {
  opacity: 1;
}
.cart-item .input-checkbox .input {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.cart-item .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.cart-item .product-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  border-radius: 0;
  background-color: unset;
  position: unset;
  box-shadow: unset !important;
}
.cart-item .product-item:hover {
  box-shadow: unset;
}
.cart-item .product-item .product-item-img {
  max-width: 134px;
}
@media (max-width: 768px) {
  .cart-item .product-item .product-item-img {
    max-width: 80px;
  }
}
.cart-item .product-item .product-item-img img {
  height: 134px;
}
@media (max-width: 768px) {
  .cart-item .product-item .product-item-img img {
    height: 80px;
  }
}
.cart-item .product-item .product-item-info .product-item-info-title .counter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 11;
}
.cart-item .product-item .product-item-info .product-item-info-title .counter .counter-btn {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  transition: all 0.5s;
}
.cart-item .product-item .product-item-info .product-item-info-title .counter .counter-btn svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .cart-item .product-item .product-item-info .product-item-info-title .counter .counter-btn:hover {
    background: #b2d7f4;
  }
  .cart-item .product-item .product-item-info .product-item-info-title .counter .counter-btn:hover:first-child {
    background: #fb874c;
  }
  .cart-item .product-item .product-item-info .product-item-info-title .counter .counter-btn:hover svg path {
    fill: #fff !important;
  }
}
.cart-item .product-item .product-item-info .product-item-info-title .counter .count {
  color: #000;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .cart-item .product-item .product-item-info .product-item-info-title h4 a {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 768px) {
  .cart-item .product-item .product-item-info .price {
    font-size: 14px;
    line-height: 16px;
  }
}
.cart-item .product-item .product-item-info .product-item-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 11;
  margin-top: 22px;
}
@media (max-width: 1024px) {
  .cart-item .product-item .product-item-info .product-item-buttons {
    display: none;
  }
}
.cart-item .product-item .product-item-info .product-item-buttons button {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  transition: all 0.5s;
}
.cart-item .product-item .product-item-info .product-item-buttons button svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .cart-item .product-item .product-item-info .product-item-buttons button:first-child:hover {
    background: #f9d1d1;
  }
  .cart-item .product-item .product-item-info .product-item-buttons button:first-child:hover svg path {
    fill: #fff !important;
  }
  .cart-item .product-item .product-item-info .product-item-buttons button:last-child:hover {
    background: #cd2424;
  }
  .cart-item .product-item .product-item-info .product-item-buttons button:last-child:hover svg path {
    fill: #fff !important;
  }
}

.mdoal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.mdoal.visible {
  display: block;
}
.mdoal .modal-container {
  width: 100%;
  background-color: #fff;
  padding: 12px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .mdoal .modal-container {
    gap: 8px;
    padding: 0;
    background: #ebebeb;
    border-radius: 16px 16px 0 0;
    bottom: 0;
    top: unset;
    transform: unset;
    max-width: unset;
    left: 0;
  }
}
.mdoal .modal-container .modal-header {
  width: 100%;
}
@media (max-width: 1024px) {
  .mdoal .modal-container .modal-header {
    width: 100%;
    padding: 34px 12px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #fff;
    border-radius: 16px;
  }
  .mdoal .modal-container .modal-header::after {
    content: "";
    position: relative;
    width: 34px;
  }
}
.mdoal .modal-container .modal-header .back {
  display: none;
}
.mdoal .modal-container .modal-header .modal-title {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.36px;
  display: block;
}
.mdoal .modal-container .modal-header .close-modal {
  position: absolute;
  right: 12px;
  top: 12px;
  background: unset;
}
@media (max-width: 1024px) {
  .mdoal .modal-container .modal-header .close-modal {
    position: absolute;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    top: 12px;
  }
  .mdoal .modal-container .modal-header .close-modal svg {
    display: none;
  }
}
.mdoal .modal-container .modal-content {
  width: 100%;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .mdoal .modal-container .modal-content {
    padding: 12px;
    border-radius: 16px;
    background: #fff;
  }
}
.mdoal .modal-container .modal-bottom {
  width: 100%;
}
@media (max-width: 1024px) {
  .mdoal .modal-container .modal-bottom {
    padding: 12px;
    border-radius: 16px 16px 0 0;
    background: #fff;
  }
}

.notifications {
  position: relative;
  z-index: 20;
}
.notifications .notifications-menu {
  position: absolute;
  right: 0;
  top: 50px;
  padding: 12px;
  border-radius: 14.84px;
  background: rgba(46, 46, 46, 0.9);
  box-shadow: 0px 0px 6.9px 0px rgba(0, 0, 0, 0.07);
  width: 362px;
  display: none;
}
@media (max-width: 520px) {
  .notifications .notifications-menu {
    right: -130px;
    width: 304px;
  }
}
.notifications .notifications-menu .notifications-menu-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.notifications .notifications-menu .notifications-menu-title .title {
  color: #fff;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.32px;
}
.notifications .notifications-menu .notifications-menu-title .right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  align-items: flex-end;
}
.notifications .notifications-menu .notifications-menu-title .right .clear-not-btn {
  color: rgba(255, 255, 255, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 12px */
  letter-spacing: -0.2px;
  position: relative;
}
.notifications .notifications-menu .notifications-menu-title .right .clear-not-btn::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  transition: width 0.3s ease-in-out;
}
.notifications .notifications-menu .notifications-menu-title .right .clear-not-btn:hover::before {
  width: 100%;
}
.notifications .notifications-menu .notifications-menu-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item .icon {
  min-width: 30px;
  height: 30px;
  display: block;
  width: 30px;
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item .icon svg {
  width: 100%;
  height: 100%;
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item .text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notifications
  .notifications-menu
  .notifications-menu-list
  .notifications-menu-item
  .text
  .notifications-menu-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.48px;
  margin: 0;
}
@media (max-width: 520px) {
  .notifications
    .notifications-menu
    .notifications-menu-list
    .notifications-menu-item
    .text
    .notifications-menu-item-title {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
}
.notifications
  .notifications-menu
  .notifications-menu-list
  .notifications-menu-item
  .text
  .notifications-menu-item-title
  .date {
  color: rgba(0, 0, 0, 0.6);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.16px;
}
@media (max-width: 520px) {
  .notifications
    .notifications-menu
    .notifications-menu-list
    .notifications-menu-item
    .text
    .notifications-menu-item-title
    .date {
    font-size: 10px;
    letter-spacing: -0.12px;
  }
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item .text .content {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 9.6px */
  letter-spacing: -0.16px;
  margin: 0;
}
@media (max-width: 520px) {
  .notifications .notifications-menu .notifications-menu-list .notifications-menu-item .text .content {
    font-size: 12px;
    letter-spacing: -0.16px;
  }
}
.notifications .notifications-menu .notifications-menu-list .notifications-menu-item .text .remove-btn {
  position: absolute;
  right: 12px;
  top: 12px;
  margin: 0;
  width: 6px;
  height: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.header {
  padding: 16px 16px 10px;
}
@media (max-width: 1024px) {
  .header {
    padding: 0px 16px 8px;
  }
}
.header.header-main {
  padding: 0;
}
.header.header-main .container {
  max-width: 1400px;
  padding: 0 30px;
}
.header.header-main .logo {
  display: none;
}
.header.header-main .header-inner {
  height: 87px;
  padding: 0;
  background: unset;
}
.header.header-main .header-inner .header-menu-btn {
  width: 30px;
  background: url(/local/templates/pappy_pets/css/../img/icons/nav.svg) center/100% no-repeat;
}
.header.header-main .header-inner .btn-login {
  background: #ffffff;
  color: #3d3d3d;
}
.header.header-main .header-inner .btn-login::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/login.svg) center/100% no-repeat;
  transition: all 0.1s ease-in;
}
.header.header-main .header-inner .btn-login:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  transition: all 0.1s ease-in;
}
.header.header-main .header-inner .btn-login:hover::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/login-white.svg) center/100% no-repeat;
  transition: all 0.1s ease-in;
}
.header.header-main .header-inner .header-menu .header-menu-link.info {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/info.svg);
}
.header.header-main .header-inner .header-menu .header-menu-link.notifications {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/notification.svg);
}
.header.header-main .header-inner .header-menu .header-menu-link.cart {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/cart.svg);
}
.header.header-main .header-inner .header-menu .header-menu-link.profile {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/user-icon.svg);
}
.header .container {
  max-width: 1200px;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-radius: 16px;
  background: var(--white, #fff);
}
@media (max-width: 1024px) {
  .header-inner {
    border-radius: 0px 0px 16px 16px;
    padding: 10px 16px;
    gap: 10px;
  }
  .header-inner .logo {
    max-width: unset;
    width: 100%;
  }
  .header-inner .logo img {
    max-width: 130px;
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .header-inner .logo img {
    max-width: 106px;
  }
}
.header-inner .flex {
  gap: 16px;
}
.header-inner .btn-login {
  border: 1px solid #fff;
  background: #000;
  color: #ffffff;
}
.header-inner .btn-login::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/login-white.svg) center/100% no-repeat;
}
.header-inner .btn-login:hover {
  border-color: #000;
  background: transparent;
  color: #000000;
}
.header-inner .btn-login:hover::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/login.svg) center/100% no-repeat;
}
.header-menu {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-menu-link {
  width: 34px;
  height: 34px;
  min-width: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-menu-link.info {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/info-about-black.svg);
}
.header-menu-link.notifications {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/notification-black.svg);
  position: relative;
  background-size: cover;
}
.header-menu-link.notifications .notifications-number {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background: #ff0000;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 10.45px;
  letter-spacing: -5%;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.4;
}
.header-menu-link.cart {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/cart-black.svg);
}
.header-menu-link.profile {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/user-black.svg);
}
.header-menu-btn {
  background: url(/local/templates/pappy_pets/css/../img/icons/nav-black.svg) center/100% no-repeat;
  width: 35px;
  height: 35px;
}
.header-submenu {
  background: #2e2e2e99;
  border-radius: 27.52px;
  padding: 30px 0 20px;
  position: absolute;
  top: 44px;
  right: 0;
  transform: translateY(100%);
  min-width: 290px;
  display: none;
  overflow: hidden;
  z-index: 40;
}
.header-submenu-item {
  position: relative;
}
.header-submenu-link {
  padding-left: 68px;
  padding-right: 20px;
  display: block;
  color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -5%;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
}
.header-submenu-link span {
  position: relative;
}
.header-submenu-link span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #ffffff;
  transition: width 0.3s ease;
}
.header-submenu-link:hover span::after {
  width: 100%;
}
.header-submenu-link:last-of-type {
  margin-bottom: 0;
}
.header-submenu-link::before {
  position: absolute;
  content: "";
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 33px;
  width: 33px;
}
.header-submenu-link.about::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/info-about.svg);
}
.header-submenu-link.blog-link::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/info-blog.svg);
}
.header-submenu-link.contact::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/info-phone.svg);
}
.header-submenu-link.my-profile::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/my-profile.svg);
}
.header-submenu-link.my-dm::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/my-dm.svg);
}
.header-submenu-link.my-pets::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/my-pets.svg);
}
.header-submenu-link.my-fav::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/my-fav.svg);
}
.header-submenu-link.my-logout::before {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/exit.svg);
}
.header-home {
  width: 100%;
  padding: 20px 16px 16px;
}
@media (max-width: 1024px) {
  .header-home {
    padding: 10px 16px;
  }
}
/* =============Шапки=========== */
.header-home .header__container,
.line-title {
  width: 100%;
  padding: 8px;
  padding-right: 20px;
  max-width: 1200px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.sss {
  width: 100%;
  padding-right: 20px;
  max-width: 1136px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
}
.search-container {
  width: 100%;
  padding: 10px;
  max-width: 1136px;
  border-radius: 16px;
  background: #f5f5f5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
}
.sss-flex {
  gap: 5px !important;
}
.sss-wrapper {
  padding: 10px;
  border-radius: 16px;
}
.price-span-sss {
  font-size: 12px;
}
.price-span-sss-2 {
  font-size: 12px;
}
.ddd {
  display: flex;
  gap: 15px;
  width: 100%;
  padding-top: 8px;
  max-width: 1200px;
  margin: 0 auto;
}
.search-wrapper {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 16px;
  width: 400px;
  height: 64px;
}
@media (max-width: 1024px) {
  .search-wrapper {
    display: none;
  }
}
@media (max-width: 600px) {
  .search-wrapper {
    display: none;
  }
}
.arrow-wrapper {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 40px;
  width: 54px;
  height: 54px;
}
@media (max-width: 600px) {
  .arrow-wrapper {
    width: 40px;
    height: 40px;
  }
}
.text-line-title {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
}
.text-line-title h3 {
  font-weight: 500;
}
.text-line-title p {
  font-size: 16px;
  color: #00000050;
}
@media (max-width: 600px) {
  .text-line-title {
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .text-line-title p {
    font-size: 12px;
  }
}
.shape-active {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  position: relative;
  color: #000;
  font-size: 14px;
  background-color: #d9ebaf;
  padding: 5px 10px 5px 10px;
  border-radius: 20px;
}
.line-title {
  font-weight: 500;
  font-size: 24px;
  padding: 16px;
  margin: 16px auto;
}
.line-title-btn {
  color: #0a2633 !important;
  max-width: 218px;
  height: 40px;
  font-weight: 600;
  font-size: 16px;
  background: #9fe0ff;
  border-color: #9fe0ff;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .active-wrapper {
    align-items: center;
  }
}
@media (max-width: 600px) {
  .active-wrapper {
    flex-direction: column-reverse;
  }
}
.line-title-btn:hover {
  background: transparent;
  border-color: #9fe0ff;
}
@media (max-width: 600px) {
  .line-title-btn {
    max-width: 150px;
    font-size: 12px;
    height: 40px;
  }
}
@media (max-width: 1024px) {
  .line-title {
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .line-title {
    font-size: 14px;
  }
}
.text-xl {
  font-size: 16px;
  gap: 5px;
}
.pagination-number-current {
  color: #00000050;
}
.pagination-number-total {
  color: #00000050;
}
@media (max-width: 600px) {
  .text-xl {
    font-size: 14px;
  }
}
.button-line {
  padding-right: 5px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .button-line {
    align-items: center;
  }
}
.flex-badge-line {
  display: block;
}
.flex-badge {
  background-color: #eb4242;
  width: 100%;
  max-width: 1170px;
  border-radius: 40px;
}
.badge-wrapper {
  gap: 12px;
  align-items: flex-start;
  flex-direction: column;
}
.badge {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  padding: 8px 5px 8px 5px;
  border-radius: 40px;
}
@media (max-width: 600px) {
  .badge {
    font-size: 12px;
    padding: 5px;
  }
}
.flex-price-wrapper {
  gap: 8px;
}
.img-line-wrapper {
  max-width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 100px;
}
.img-line-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-price-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-price {
  font-size: 16px;
}
.price-span {
  font-weight: 500;
}
.price-span-2 {
  text-decoration-line: line-through;
  font-weight: 500;
  color: #00000030;
}
.search-title {
  color: #20202050;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 500;
}
.catalog-button {
  grid-column: 3 / 4;
  margin-left: auto;
  width: 135px;
}
.catalog-button-wight {
  display: block;
  margin-left: auto;
}
.catalog-button a {
  font-size: 12px;
  display: flex;
  border-radius: 16px;
  padding: 8px 10px 8px 10px;
  border: 1px solid #fb874c;
  color: #000 !important;
}
.catalog-button a:hover {
  background: #fb874c;
}
.catalog-button img {
  width: 14px;
  height: 16px;
  align-self: flex-end;
}
.main-actions-container {
  position: relative;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.like-button-content {
  display: block;
  padding: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.like-button-content:hover {
  background-color: #e5e5e5;
}
.like-button-content svg {
  display: block;
}
.sub-menu-popup {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 140%;
  right: -50%;
  min-width: 220px;
  margin-top: 10px;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  padding: 8px 0;
  z-index: 10;
  transition:
    visibility 0.3s,
    opacity 0.3s,
    transform 0.3s ease-out;
  transform: translateY(10px);
}
.main-actions-container:hover .sub-menu-popup {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.sub-menu-link {
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 10px 16px;
  color: #333333;
  text-decoration: none;
  font-size: 15px;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.sub-menu-link:hover {
  background-color: #f0f0f0;
  color: #000000;
}
.sub-menu-icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(50%) contrast(100%);
  transition: filter 0.2s;
}

/* =============== */
.header-home .header__container .header__left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.header-home .header__container .header__left-logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.header-home .header__container .header__left .logo {
  width: 100%;
  display: block;
  max-width: 58px;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__left .logo,
  .header-home .header__container .header__left .arrow-header {
    max-width: 40px;
  }
}
.header-home .header__container .header__left .logo img,
.header-home .header__container .header__left .arrow-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-home .header__container .header__left .logo img:last-child {
  display: none;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__left .logo img {
    display: none;
  }
  .header-home .header__container .header__left .logo img:last-child {
    display: block;
  }
}
.header-home .header__container .header__left .home-header-menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__left .home-header-menu {
    display: none;
  }
}
.header-home .header__container .header__left .home-header-menu li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #0a2633;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
.header-home .header__container .header__left .home-header-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
.header-home .header__container .header__left .home-header-menu li:hover a::before {
  width: 100%;
}
.header-home .header__container .header__left .home-header-menu li.products-menu {
  position: relative;
}
.header-home .header__container .header__left .home-header-menu li.products-menu a {
  transition: all 0.5s;
}
.header-home .header__container .header__left .home-header-menu li.products-menu a::before {
  display: none;
}
.header-home .header__container .header__left .home-header-menu li.products-menu a svg path {
  transition: all 0.5s;
}
.header-home .header__container .header__left .home-header-menu li.products-menu .products-menu-hiden {
  position: absolute;
  padding-top: 30px;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.products-menu
  .products-menu-hiden
  .products-menu-hiden__content {
  width: 890px;
  padding: 30px;
  border-radius: 16px;
  border: 2px solid #fb874c;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 10px;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.products-menu
  .products-menu-hiden
  .products-menu-hiden__content
  .products-menu-hiden__item
  h4 {
  color: #3c3938;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 80%;
  /* 12.8px */
  text-transform: uppercase;
  margin-bottom: 20px;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.products-menu
  .products-menu-hiden
  .products-menu-hiden__content
  .products-menu-hiden__item
  .flex {
  flex-wrap: wrap;
  max-width: 270px;
  gap: 4px;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.products-menu
  .products-menu-hiden
  .products-menu-hiden__content
  .products-menu-hiden__item
  .flex
  a {
  padding: 4px 8px;
  border-radius: 100px;
  border: 0.5px solid #a0a0a0;
  color: #a0a0a0;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  /* 8.8px */
  transition: all 0.5s;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.products-menu
  .products-menu-hiden
  .products-menu-hiden__content
  .products-menu-hiden__item
  .flex
  a:hover {
  color: #fff;
  border-color: #fb874c;
  background-color: #fb874c;
}
.header-home .header__container .header__left .home-header-menu li.products-menu:hover .products-menu-hiden {
  display: block;
}
.header-home .header__container .header__left .home-header-menu li.products-menu:hover a {
  color: #fb874c;
}
.header-home .header__container .header__left .home-header-menu li.products-menu:hover a svg path {
  stroke: #fb874c;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu {
  position: relative;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu a {
  transition: all 0.5s;
  position: relative;
  z-index: 1001;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu a::before {
  display: none;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu a svg path {
  transition: all 0.5s;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu .pets-menu-hiden {
  position: absolute;
  padding-top: 30px;
  left: 0;
  top: 0;
  z-index: 1000;
  display: none;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content {
  width: 536px;
  padding: 30px;
  border-radius: 16px;
  border: 2px solid #9fe0ff;
  background: #fff;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #bfbfbf;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item
  .title {
  color: #3c3938;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 80%;
  /* 12.8px */
  text-transform: uppercase;
  max-width: 90px;
  width: 100%;
  display: block;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item
  .flex {
  flex-wrap: wrap;
  gap: 4px;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item
  .flex
  a {
  padding: 4px 8px;
  border-radius: 100px;
  border: 0.5px solid #a0a0a0;
  color: #a0a0a0;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  transition: all 0.5s;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item
  .flex
  a:hover {
  color: #fff;
  border-color: #9fe0ff;
  background-color: #9fe0ff;
}
.header-home
  .header__container
  .header__left
  .home-header-menu
  li.pets-menu
  .pets-menu-hiden
  .pets-menu-hiden__content
  .pets-menu-hiden__item
  .flex
  a.all {
  border-color: #9fe0ff;
  color: #000;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu:hover a {
  color: #9fe0ff;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu:hover a svg path {
  stroke: #9fe0ff;
}
.header-home .header__container .header__left .home-header-menu li.pets-menu:hover .pets-menu-hiden {
  display: block;
}
.header-home .header__container .header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.header__entrance {
  padding-top: 5px;
  padding-right: 10px;
}

@media (max-width: 1024px) {
  .header-home .header__container .header__right {
    gap: 10px;
  }
}
.header-home .header__container .header__right .select-city {
  position: relative;
}
@media (max-width: 520px) {
  .header-home .header__container .header__right .select-city {
    display: none;
  }
}
.header-home .header__container .header__right .select-city .select-city-title {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: #0a2633;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.header-home .header__container .header__right .select-city .select-city-hiden {
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  z-index: 1000;
  padding: 16px;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 4px 4px 0 rgba(105, 105, 105, 0.25);
  border-radius: 16px;
  display: none;
}
.header-home .header__container .header__right .select-city .select-city-hiden .city-btn {
  color: #0a2633;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.header-home .header__container .header__right .select-city .select-city-hiden .city-btn:last-child {
  margin-bottom: 0;
}
.header-home .header__container .header__right .basket-btn {
  position: relative;
}
.header-home .header__container .header__right .basket-btn .col {
  background: #000;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Inter;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: absolute;
  right: -4px;
  top: -4px;
}
.header-home .header__container .header__right .basket-btn:hover svg path:first-child {
  stroke: #febece !important;
}
.header-home .header__container .header__right .basket-btn:hover svg path:nth-child(2) {
  stroke: #febece !important;
  fill: #febece !important;
}
.header-home .header__container .header__right .search-btn:hover svg path,
.header-home .header__container .header__right .search-btn:hover svg circle {
  stroke: #febece !important;
}
.header-home .header__container .header__right .like-btn:hover svg path {
  fill: #febece !important;
  stroke: #febece !important;
}
.header-home .header__container .header__right .home-burger-btn {
  display: none;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__right .home-burger-btn {
    display: block;
  }
}
.header-home .header__container .header__right button svg path,
.header-home .header__container .header__right button svg circle,
.header-home .header__container .header__right button svg rect,
.header-home .header__container .header__right a svg path,
.header-home .header__container .header__right a svg circle,
.header-home .header__container .header__right a svg rect {
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__right button svg,
  .header-home .header__container .header__right a svg {
    width: 30px;
    height: 30px;
  }
}
.header-home .header__container .header__right .user-home {
  position: relative;
}
.header-home .header__container .header__right .user-home .user-menu-hiden {
  position: absolute;
  z-index: 1000;
  right: 0;
  top: 0;
  padding-top: 40px;
  display: none;
}
@media (max-width: 1024px) {
  .header-home .header__container .header__right .user-home .user-menu-hiden {
    padding-top: 0px;
    top: 50px;
    right: -60px;
  }
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu {
  border-radius: 16px;
  border: 2px solid #febece;
  background: #fff;
  width: 232px;
  padding: 20px;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul:first-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a {
  color: #949494;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  transition: all 0.5s;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a svg path,
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a svg rect,
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a svg circle {
  transition: all 0.5s;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a:hover {
  color: #000;
}
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a:hover svg path,
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a:hover svg rect,
.header-home .header__container .header__right .user-home .user-menu-hiden .user-menu ul li a:hover svg circle {
  stroke: #000;
}
@media (min-width: 1024px) {
  .header-home .header__container .header__right .user-home:hover .user-menu-hiden {
    display: block;
  }
  .header-home .header__container .header__right .user-home:hover .user-btn svg path {
    stroke: #febece !important;
  }
  .header-home .header__container .header__right .user-home:hover .user-btn svg circle {
    stroke: #febece !important;
    fill: #febece !important;
  }
}
.header-home .header__container .header__right .user-home.active .user-btn svg path {
  stroke: #febece !important;
}
.header-home .header__container .header__right .user-home.active .user-btn svg circle {
  stroke: #febece !important;
  fill: #febece !important;
}

.header-home-mobile {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  width: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.header-home-mobile .header-home-mobile__content {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 350px;
  padding: 26px 20px 20px;
  border-radius: 20px 0 0 20px;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(105, 105, 105, 0.25);
  overflow: auto;
  height: 100%;
  min-width: 350px;
}
@media (max-width: 768px) {
  .header-home-mobile .header-home-mobile__content {
    min-width: 280px;
    max-width: unset;
    border-radius: 0px;
  }
}
.header-home-mobile .header-home-mobile__content .close-btn {
  position: absolute;
  right: 22px;
  top: 26px;
}
.header-home-mobile .header-home-mobile__content .logo {
  width: 100%;
  max-width: 160px;
  display: block;
  margin-bottom: 36px;
}
.header-home-mobile .header-home-mobile__content .logo img {
  width: 100%;
}
.header-home-mobile .header-home-mobile__content ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 10px;
}
.header-home-mobile .header-home-mobile__content ul:nth-child(6) {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: none;
}
.header-home-mobile .header-home-mobile__content ul li a {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  position: relative;
}
.header-home-mobile .header-home-mobile__content .select-city {
  position: relative;
  margin-bottom: 28px;
  display: block;
}
.header-home-mobile .header-home-mobile__content .select-city .city {
  border: unset;
  background: transparent;
  outline: none;
  appearance: none;
  --webkit-appearance: none;
  --moz-appearance: none;
  appearance: none;
}
.header-home-mobile .header-home-mobile__content .soc {
  max-width: 194px;
  width: 100%;
}
.header-home-mobile .header-home-mobile__content .soc .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.header-home-mobile .header-home-mobile__content .soc .flex a {
  position: relative;
}
.header-home-mobile .header-home-mobile__content .soc .flex a span {
  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  position: absolute;
  right: -4px;
  top: -8px;
}
.header-home-mobile .header-home-mobile__content .soc span {
  color: #b2b2b2;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
}

.header-home-mobile-overlay {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: 0;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
}

.footer {
  width: 100%;
  padding: 30px 16px 26px;
  background-color: #fff;
}
.footer .container .footer-inner .footer__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 30px;
}
.footer .container .footer-inner .footer__top .logo {
  display: block;
  max-width: 106px;
  width: 100%;
}
.footer .container .footer-inner .footer__top .logo img {
  width: 100%;
  height: auto;
}
.footer .container .footer-inner .footer__top ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1024px) {
  .footer .container .footer-inner .footer__top ul {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .footer .container .footer-inner .footer__top ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 30px;
  }
}
.footer .container .footer-inner .footer__top ul li a {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  position: relative;
}
.footer .container .footer-inner .footer__top ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.5s;
}
.footer .container .footer-inner .footer__top ul li a:hover::before {
  width: 100%;
}
.footer .container .footer-inner .footer__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .footer .container .footer-inner .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.footer .container .footer-inner .footer__bottom .text span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  /* 14.4px */
}
.footer .container .footer-inner .footer__bottom ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .footer .container .footer-inner .footer__bottom ul {
    flex-wrap: wrap;
    gap: 10px 30px;
    justify-content: flex-start;
  }
}
.footer .container .footer-inner .footer__bottom ul li a {
  color: rgba(0, 0, 0, 0.4);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.5s;
}
.footer .container .footer-inner .footer__bottom ul li a:hover {
  color: #000;
}
.footer.black {
  background-color: #000;
}
.footer.black .container .footer-inner .footer__top ul li a {
  color: #fff;
}
.footer.black .container .footer-inner .footer__top ul li a::before {
  background-color: #fff;
}
.footer.black .container .footer-inner .footer__bottom .text span {
  color: #fff;
}
.footer.black .container .footer-inner .footer__bottom ul li a {
  color: rgba(255, 255, 255, 0.4);
}
.footer.black .container .footer-inner .footer__bottom ul li a:hover {
  color: #fff;
}

.footer-home {
  width: 100%;
  background-image: url("/local/templates/pappy_pets/css/../img/Group 1000002421.png");
  background-repeat: repeat-x;
  background-size: 100% auto;
  background-position: center bottom;
  padding: 60px 20px 280px;
  border-radius: 60px 60px 0 0;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .footer-home {
    padding: 40px 16px 146px;
  }
}
@media (max-width: 768px) {
  .footer-home {
    padding-bottom: 80px;
  }
}
.footer-home .footer__container .footer__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__top {
    margin-bottom: 38px;
  }
}
.footer-home .footer__container .footer__top .footer__about {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__top .footer__about {
    max-width: unset;
  }
}
.footer-home .footer__container .footer__top .footer__about .logo {
  display: block;
  margin-bottom: 50px;
  max-width: 160px;
  display: block;
}
.footer-home .footer__container .footer__top .footer__about .logo img {
  width: 100%;
  height: auto;
}
.footer-home .footer__container .footer__top .footer__about ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1024px) {
  .footer-home .footer__container .footer__top .footer__about ul li:nth-child(1),
  .footer-home .footer__container .footer__top .footer__about ul li:nth-child(2) {
    /*display: none;*/
  }
}
.footer-home .footer__container .footer__top .footer__about ul li a {
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  /* 25.6px */
  text-transform: uppercase;
  position: relative;
  margin-bottom: 4px;
}
.footer-home .footer__container .footer__top .footer__about ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: all 0.5s;
}
.footer-home .footer__container .footer__top .footer__about ul li a:hover::before {
  width: 100%;
}
.footer-home .footer__container .footer__top .footer__menu {
  width: 100%;
  max-width: 780px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__top .footer__menu {
    display: none;
  }
}
.footer-home .footer__container .footer__top .footer__menu .footer__pets {
  width: 100%;
  max-width: 180px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__pets h4 {
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  /* 25.6px */
  text-transform: uppercase;
  margin-bottom: 40px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__pets ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__pets ul li a {
  color: #b2b2b2;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  text-transform: uppercase;
  transition: all 0.5s;
}
.footer-home .footer__container .footer__top .footer__menu .footer__pets ul li a:hover {
  color: #000;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products {
  width: 100%;
  max-width: 522px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products h4 {
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  /* 25.6px */
  text-transform: uppercase;
  margin-bottom: 40px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 20px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products .grid .footer__products-item {
  width: 100%;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products .grid .footer__products-item .title {
  color: #010101;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 80%;
  /* 12.8px */
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products .grid .footer__products-item ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-home .footer__container .footer__top .footer__menu .footer__products .grid .footer__products-item ul li a {
  color: #b2b2b2;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  /* 11.2px */
  transition: all 0.5s;
}
.footer-home
  .footer__container
  .footer__top
  .footer__menu
  .footer__products
  .grid
  .footer__products-item
  ul
  li
  a:hover {
  color: #000;
}
.footer-home
  .footer__container
  .footer__top
  .footer__menu
  .footer__products
  .grid
  .footer__products-item
  ul
  li
  a.all-link {
  color: #fb874c;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 80%;
}
.footer-home .footer__container .footer__bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }
}
.footer-home .footer__container .footer__bottom .footer__left {
  width: 100%;
  max-width: 250px;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__bottom .footer__left {
    order: 3;
  }
}
.footer-home .footer__container .footer__bottom .footer__left span,
.footer-home .footer__container .footer__bottom .footer__left a {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
.footer-home .footer__container .footer__bottom .footer__left span:first-child,
.footer-home .footer__container .footer__bottom .footer__left a:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.footer-home .footer__container .footer__bottom ul {
  width: 100%;
  max-width: 586px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__bottom ul {
    order: 2;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
  }
}
.footer-home .footer__container .footer__bottom ul li a {
  color: rgba(0, 0, 0, 0.4);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.5s;
}
.footer-home .footer__container .footer__bottom ul li a:hover {
  color: #000;
}
.footer-home .footer__container .footer__bottom .soc {
  max-width: 194px;
  width: 100%;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__bottom .soc {
    order: 1;
  }
}
.footer-home .footer__container .footer__bottom .soc .flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
@media (max-width: 1024px) {
  .footer-home .footer__container .footer__bottom .soc .flex {
    justify-content: flex-start;
  }
}
.footer-home .footer__container .footer__bottom .soc .flex a {
  position: relative;
}
.footer-home .footer__container .footer__bottom .soc .flex a span {
  color: #000;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
  position: absolute;
  right: -4px;
  top: -8px;
}
.footer-home .footer__container .footer__bottom .soc span {
  color: #b2b2b2;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
}

.main {
  display: flex;
  align-items: stretch;
}
.main-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  width: 1030px;
  margin: 0 auto;
}
.main-logo {
  width: 280px;
  height: 80.561px;
  margin-bottom: 16px;
}
.main-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.main-search {
  width: 100%;
}
.main-search-input {
  width: 100%;
  max-width: 900px;
  height: 48px;
  background: #ffffff;
  border-radius: 38px;
  position: relative;
  overflow: hidden;
  padding: 16px;
  margin: 0 auto 16px;
}
.main-search-input input {
  width: calc(100% - 38px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 16px;
  color: #000;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -1.169px;
}
.main-search-input input::placeholder {
  color: #20202080;
  color: rgba(32, 32, 32, 0.5);
}
.main-search-tag {
  background: #1d1d1d99;
  border-radius: 10px;
  padding: 4px 12px;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  min-height: 40px;
}
.main-search-tag:hover {
  background: #ffffffcc;
  color: #161616;
  transition: all 0.3s;
}
.main-search-tag-heading {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
}
.main-search-tag-subheading {
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
}
.main-search-tag-items {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
}
.main-search-tag.all-cat {
  white-space: nowrap;
}
.main-search-tag.all-cat::after {
  background: url(/local/templates/pappy_pets/css/../img/icons/arrow-white-next.svg) center/100% no-repeat;
  width: 27px;
  height: 13px;
  content: "";
  margin-left: 6px;
}
.main-search-tag.all-cat:hover::after {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/arrow-black-next.svg);
}

.page-main .footer {
  bottom: 0;
}

.menu-category {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4000;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transform: translateX(-130%);
  transition: all 1s;
}
@media (max-width: 1024px) {
  .menu-category {
    transform: translateX(-190%);
  }
}
.menu-category .menu-category-bg-wrapper .menu-category-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  transition: all 1s;
  z-index: 3;
  clip-path: polygon(
    0% 0%,
    66.75% 0%,
    76.63% 1.64%,
    82.5% 9.75%,
    83.27% 16.25%,
    82.13% 22.06%,
    80.11% 28.9%,
    77.12% 33.34%,
    70.5% 35.59%,
    59.79% 36.73%,
    52.32% 41.77%,
    49.38% 50.29%,
    52.32% 58.71%,
    62.34% 66.6%,
    74.25% 71.18%,
    80.44% 77.11%,
    81.75% 84.5%,
    78% 91%,
    74.25% 94%,
    70.5% 97%,
    66.75% 100%,
    0% 100%
  );
}
.menu-category .menu-category-bg-wrapper .menu-category-bg:nth-child(2) {
  background-color: #5c4033;
  z-index: 2;
  left: 80px;
}
.menu-category .menu-category-bg-wrapper .menu-category-bg:nth-child(3) {
  background-color: #feecf8;
  left: 160px;
  z-index: 1;
}
.menu-category.open {
  transform: translateX(0);
}
.menu-category.open .menu-category-bg-wrapper .menu-category-bg {
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 1.64%,
    100% 3.75%,
    100% 8.5%,
    100% 14.27%,
    100% 18.9%,
    100% 26.09%,
    100% 32.34%,
    100% 38.23%,
    100% 42.02%,
    100% 52.79%,
    100% 56.96%,
    100% 63.1%,
    100% 68.18%,
    100% 76.61%,
    100% 82.25%,
    100% 86%,
    100% 91.75%,
    100% 95%,
    100% 100%,
    0% 100%
  );
}
.menu-category.open .menu-category-item {
  transform: translateX(0);
}
.menu-category.open .menu-category-bottom {
  transform: translateX(0);
}
.menu-category.open .menu-category-header {
  transform: translateX(0);
}
.menu-category.open .menu-category-menu .menu-item {
  transform: translateX(0);
}
.menu-category .container {
  position: relative;
  max-width: 1400px;
  z-index: 10;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 30px;
}
@media (max-width: 1024px) {
  .menu-category .container {
    padding: 16px;
  }
}
.menu-category-close {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/arrow-back.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 36px;
  height: 36px;
  position: fixed;
  z-index: 6000;
  display: none;
}
.menu-category .menu-category-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.8s;
  transform: translateX(-130%);
}
.menu-category .menu-category-header .menu-category-close {
  position: relative;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-header .logo {
    max-width: 120px;
  }
  .menu-category .menu-category-header .logo img {
    width: 100%;
  }
}
.menu-category .menu-category-menu {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  max-width: 1342px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
  }
}
.menu-category .menu-category-menu .menu-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  transition: all 0.8s;
  transform: translateX(-130%);
}
.menu-category .menu-category-menu .menu-item .title {
  margin: 0;
  position: relative;
  color: #000;
  font-family: "inter";
  font-size: 48px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
}
.menu-category .menu-category-menu .menu-item .title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #000;
  transition: all 0.8s;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-menu .menu-item .title {
    font-size: 20px;
  }
  .menu-category .menu-category-menu .menu-item:nth-child(even) {
    order: 2;
  }
  .menu-category .menu-category-menu .menu-item:nth-child(odd) {
    order: 1;
  }
}
.menu-category .menu-category-menu .menu-item .block-text {
  color: #ffc1ea;
  font-family: "Peace Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  padding-top: 2px;
  position: relative;
}
.menu-category .menu-category-menu .menu-item .block-text::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  transition: all 0.8s;
  height: 2px;
  background-color: #ffc1ea;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-menu .menu-item .block-text {
    font-size: 12px;
    padding: 0;
    margin-top: -4px;
  }
}
@media (min-width: 1024px) {
  .menu-category .menu-category-menu .menu-item:hover .title::before {
    width: 100%;
  }
  .menu-category .menu-category-menu .menu-item:hover .block-text::before {
    width: 100%;
  }
}
.menu-category .menu-category-menu .menu-item.block .title {
  cursor: no-drop;
  color: rgba(0, 0, 0, 0.2);
}
.menu-category .menu-category-bottom {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  transition: all 0.8s;
  transform: translateX(-130%);
}
@media (max-width: 1024px) {
  .menu-category .menu-category-bottom {
    align-items: flex-start;
  }
}
.menu-category .menu-category-bottom .contact-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-bottom .contact-link {
    max-width: 200px;
  }
  .menu-category .menu-category-bottom .contact-link:last-child {
    flex-wrap: wrap;
    max-width: 234px;
  }
}
.menu-category .menu-category-bottom .contact-link .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 50%;
  min-width: 32px;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-bottom .contact-link .icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
  }
  .menu-category .menu-category-bottom .contact-link .icon svg {
    width: 12px;
    height: 12px;
  }
}
.menu-category .menu-category-bottom .contact-link .title {
  margin: 0;
  color: #000;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-bottom .contact-link .title {
    font-size: 14px;
  }
}
.menu-category .menu-category-bottom .contact-link .description {
  margin: 0;
  color: rgba(0, 0, 0, 0.3);
  font-family: inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 121%;
  max-width: 260px;
}
@media (max-width: 1024px) {
  .menu-category .menu-category-bottom .contact-link .description {
    padding-left: 28px;
  }
}

.auth-header {
  width: 100%;
}
@media (max-width: 1024px) {
  .auth-header {
    padding: 0 16px;
    background: #ebebeb;
  }
}
@media (max-width: 520px) {
  .auth-header {
    padding: 0;
    background-color: unset;
  }
}
.auth-header .auth-header-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
@media (max-width: 1024px) {
  .auth-header .auth-header-inner {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
  }
}
@media (max-width: 520px) {
  .auth-header .auth-header-inner {
    padding: 8px 16px;
  }
}
.auth-header .auth-header-inner::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .auth-header .auth-header-inner::after {
    width: 34px;
  }
}
.auth-header .auth-header-inner h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .auth-header .auth-header-inner h1 {
    font-size: 16px;
  }
}
.auth-header .auth-header-inner h1 span {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.page-auth {
  background-size: cover;
  background-image: url("/local/templates/pappy_pets/css/../img/auth-bg.png");
  background-position:top left;
  background-repeat: no-repeat;
}
.auth-main {
  width: 100%;
  height: 60vh;
  padding: 16px;
}
.auth-main > div {
  height: 100%;
}
@media (max-width: 1024px) {
  .auth-main {
    padding: 0;
    height: 100dvh;
    background-position: unset;
  }
}
.auth-main div {
}
@media (max-width: 1024px) {
  .auth-main div {
    max-width: unset;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .auth-main div .login-link:hover {
    background-color: #fff;
  }
}
.auth-main div .auth-main-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.auth-main div .auth-main-inner .auth-main-center {
  width: 100%;
  padding: 0 12px;
  max-width: 608px;
}
.auth-main div .auth-main-inner .auth-main-center .auth-main-logo {
  margin-bottom: 34px;
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto 34px;
}
.auth-main div .auth-main-inner .auth-main-center .auth-main-logo img {
  width: 100%;
}
.auth-main div .auth-main-inner .auth-main-center .auth-main-links {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.auth-main div .auth-main-inner .auth-main-bottom span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .auth-main div .auth-main-inner .auth-main-bottom span {
    display: none;
  }
}

.auth {
  width: 100%;
  padding: 24px 0 16px;
  background: #ebebeb;
  min-height: 100vh;
}
@media (max-width: 1024px) {
  .auth {
    padding: 0;
    min-height: 100dvh;
  }
}
.auth {
  height: 100%;
}
@media (max-width: 1024px) {
  .auth {
    padding: 0 12px;
  }
}
.auth .auth-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 26px;
}
@media (max-width: 1024px) {
  .auth .auth-inner {
    gap: 16px;
  }
}
.auth .auth-inner .auth-header {
  padding: 0;
}
.auth .auth-inner .auth-content {
  width: 100%;
}
.auth .auth-inner .auth-content .auth-item {
  width: 100%;
  min-height: calc(100vh - 154px);
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
@media (max-width: 1024px) {
  .auth .auth-inner .auth-content .auth-item {
    min-height: calc(100dvh - 150px);
  }
}
@media (max-width: 768px) {
  .auth .auth-inner .auth-content .auth-item {
    min-height: calc(100dvh - 150px);
  }
}
.auth .auth-inner .auth-content .auth-item .title {
  width: 100%;
  margin-bottom: 16px;
  max-width: 584px;
}
.auth .auth-inner .auth-content .auth-item .title h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  margin-bottom: 8px;
}
.auth .auth-inner .auth-content .auth-item .title p {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.auth .auth-inner .auth-content .auth-item .title p span {
  color: rgba(0, 0, 0, 0.5);
}
.auth .auth-inner .auth-content .auth-item .title .description,
.auth .auth-inner .auth-content .auth-item .title ul li {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.auth .auth-inner .auth-content .auth-item .title ul {
  margin-left: 16px;
}
.auth .auth-inner .auth-content .auth-item .title ul li {
  list-style: disc;
}
.auth .auth-inner .auth-content .auth-item  {
  width: 100%;
}
.auth .auth-inner .auth-content .auth-item  .resend-code {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  max-width: 176px;
  width: 100%;
  border: unset;
}
@media (min-width: 1024px) {
  .auth .auth-inner .auth-content .auth-item  .resend-code:hover span::before {
    width: 100%;
  }
}
.auth .auth-inner .auth-content .auth-item  .resend-code span {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.28px;
  border: unset;
  transition: all 0.5s;
  position: relative;
}
.auth .auth-inner .auth-content .auth-item  .resend-code span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  background-color: #000;
  width: 0;
  height: 1px;
  transition: all 0.5s;
}
.auth .auth-inner .form-submit {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.auth .auth-inner .form-submit.center {
  justify-content: center;
}
@media (max-width: 1024px) {
  .auth .auth-inner .form-submit {
    display: none;
  }
}
.auth .auth-inner .form-submit .button {
  max-width: 290px;
}
.auth .auth-inner .form-submit.form-submit-mobile {
  display: none;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  width: 100%;
  justify-content: center;
  margin: 0;
  padding: 12px;
}
@media (max-width: 1024px) {
  .auth .auth-inner .form-submit.form-submit-mobile {
    display: flex;
  }
}

.registration .auth-inner .auth-content {
  height: 100%;
}
.registration .auth-inner .auth-content form {
  height: 100%;
}
.registration .auth-inner .auth-content form .auth-item {
  height: 100%;
}
.registration .auth-inner .auth-content form .auth-item .tabs {
  margin-bottom: 20px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs {
  width: 100%;
  height: 100%;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item {
  width: 100%;
  height: 100%;
  display: none;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .message {
  max-width: 292px;
  display: block;
  margin-top: 8px;
  width: 100%;
  color: rgba(0, 0, 0, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.08px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item:first-child {
  display: block;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .auth-form .input-text {
  margin-bottom: 12px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .auth-form .question {
  margin-bottom: 12px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .select-business-type {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .select-business-type
  .question:last-child {
  display: none;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .business-types {
  width: 100%;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .business-types
  .business-type-item {
  display: none;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .business-types
  .business-type-item:first-child {
  display: block;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .confirmation {
  width: 100%;
  max-width: 584px;
  margin-top: 24px;
  padding: 12px 32px;
  border-radius: 12px;
  border: 1px solid rgba(59, 171, 98, 0.4);
  background: #dcf3e4;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .confirmation .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 2px;
  display: block;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .confirmation
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: block;
  letter-spacing: -0.24px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .contact-item {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .contact-item .title {
  margin-bottom: 16px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .contact-item .title h5 {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-bottom: 2px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .contact-item
  .title
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .contact-item .slide-btn {
  justify-content: space-between;
  margin-bottom: 16px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .contact-item
  .contact-item-form {
  width: 100%;
  display: none;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .contact-item
  .contact-item-form
  .input-text {
  margin-bottom: 8px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .contact-item
  .contact-item-form
  .input-text:last-child {
  margin-bottom: 0;
}
.registration .auth-inner .auth-content form .auth-item .auth-item-tabs .tab-item .partner-info {
  width: 100%;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item {
  width: 100%;
  display: block;
  margin-bottom: 24px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item:last-child {
  margin-bottom: 0;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item
  .partner-info-item-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item
  .partner-info-item-value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  padding: 0 12px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item
  .partner-info-item-value
  span,
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item
  .partner-info-item-value
  a {
  color: rgba(0, 0, 0, 0.9) !important;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  -webkit-touch-callout: none;
  -webkit-user-select: text;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item
  .partner-info-item-value
  button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: unset;
  background-color: transparent;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item.file-item
  .partner-info-item-value {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
  height: auto;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item.file-item
  .partner-info-item-value
  .attached-item {
  border: 1px solid #f0f0f0;
  background: #fff;
  margin: 0;
}
.registration
  .auth-inner
  .auth-content
  form
  .auth-item
  .auth-item-tabs
  .tab-item
  .partner-info
  .partner-info-item.file-item
  .partner-info-item-value
  .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  width: 100%;
}
.registration .auth-inner .next-tab {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.registration .auth-inner .next-tab.center {
  justify-content: center;
}
@media (max-width: 1024px) {
  .registration .auth-inner .next-tab {
    display: none;
  }
}
.registration .auth-inner .next-tab .button {
  max-width: 290px;
}
.registration .auth-inner .next-tab.next-tab-mobile {
  display: none;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  width: 100%;
  justify-content: center;
  margin: 0;
  padding: 12px;
}
@media (max-width: 1024px) {
  .registration .auth-inner .next-tab.next-tab-mobile {
    display: flex;
  }
}

.registration-type .auth-inner .auth-content .swiper .swiper-wrapper .swiper-slide .auth-item .title {
  margin-bottom: 42px;
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types {
  width: 100%;
  max-width: 858px;
  margin: 0 auto 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 8px;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .auth-type-checkbox,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .partner-type-checkbox,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .auth-type-checkbox,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .partner-type-checkbox {
  width: 100%;
  position: relative;
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .auth-type-checkbox
  .input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .partner-type-checkbox
  .input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .auth-type-checkbox
  .input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .partner-type-checkbox
  .input {
  width: 100%;
  padding: 30px;
  min-height: 344px;
  border-radius: 16px;
  background: #f7f7f7;
  border: 1px solid transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 64px;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox
    .input {
    padding: 0;
    min-height: unset;
    height: 44px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f5f5f5;
    align-items: center;
    flex-direction: row;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .auth-type-checkbox
  input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .partner-type-checkbox
  input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .auth-type-checkbox
  input,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .partner-type-checkbox
  input {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
@media (min-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox:hover
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox:hover
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox:hover
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox:hover
    .input {
    border: 1px solid #febece;
    background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 100%), #f7f7f7;
  }
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox
    input:checked
    ~ .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox
    input:checked
    ~ .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox
    input:checked
    ~ .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox
    input:checked
    ~ .input {
    border: 1px solid #5c4033;
    background-color: unset;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .auth-type-checkbox
  span,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .partner-type-checkbox
  span,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .auth-type-checkbox
  span,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .partner-type-checkbox
  span {
  color: #000;
  font-family: inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.44px;
  display: block;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox
    span {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.28px;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .auth-type-checkbox
  img,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types
  .partner-type-checkbox
  img,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .auth-type-checkbox
  img,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types
  .partner-type-checkbox
  img {
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox
    img,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox
    img,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox
    img,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox
    img {
    display: none;
  }
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox:last-child
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox:last-child
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox:last-child
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox:last-child
    .input {
    border: 1px solid #5c4033;
    background-color: unset;
  }
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .auth-type-checkbox:last-child
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types
    .partner-type-checkbox:last-child
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .auth-type-checkbox:last-child
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types
    .partner-type-checkbox:last-child
    span {
    color: #000;
  }
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types.partner-types
    .partner-type-checkbox:last-child
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types.partner-types
    .partner-type-checkbox:last-child
    .input {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f5f5f5;
  }
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types.partner-types
    .partner-type-checkbox:last-child
    span,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types.partner-types
    .partner-type-checkbox:last-child
    span {
    color: #000;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types.partner-types
  .partner-type-checkbox
  input:checked
  ~ .input
  .input-checkbox,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types.partner-types
  .partner-type-checkbox
  input:checked
  ~ .input
  .input-checkbox {
  background: #000;
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types.partner-types
  .partner-type-checkbox
  input:checked
  ~ .input
  .input-checkbox
  img,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types.partner-types
  .partner-type-checkbox
  input:checked
  ~ .input
  .input-checkbox
  img {
  opacity: 1;
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types.partner-types
  .partner-type-checkbox
  .input-checkbox,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types.partner-types
  .partner-type-checkbox
  .input-checkbox {
  display: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  background: transparent;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types.partner-types
    .partner-type-checkbox
    .input-checkbox,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types.partner-types
    .partner-type-checkbox
    .input-checkbox {
    display: flex;
  }
}
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .auth-types.partner-types
  .partner-type-checkbox
  .input-checkbox
  img,
.registration-type

  .auth-inner
  .auth-content
  .swiper
  .swiper-wrapper
  .swiper-slide
  .auth-item
  .auth-form
  .partner-types.partner-types
  .partner-type-checkbox
  .input-checkbox
  img {
  opacity: 0;
  display: block;
}
@media (max-width: 1024px) {
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .auth-types.partner-types
    .partner-type-checkbox
    .input,
  .registration-type
    .container
    .auth-inner
    .auth-content
    .swiper
    .swiper-wrapper
    .swiper-slide
    .auth-item
    .auth-form
    .partner-types.partner-types
    .partner-type-checkbox
    .input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    gap: 12px;
  }
}
.registration-type .auth-inner .type-submit-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .registration-type .auth-inner .type-submit-mobile {
    display: none;
  }
}

.registration-status {
  overflow: hidden;
  height: 100dvh;
}
.registration-status .bcak-to-order {
  color: #000;
}
.registration-status .bcak-to-order:hover {
  color: #000;
}
.registration-status .auth-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.registration-status .auth-inner .auth-content {
  max-height: 100%;
  flex: 1;
}
.registration-status .auth-inner .auth-content .auth-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: unset !important;
  height: 100%;
}
.registration-status .auth-inner .auth-content .auth-item .succes {
  width: 100%;
  max-width: 446px;
}
@media (max-width: 1024px) {
  .registration-status .auth-inner .auth-content .auth-item .succes {
    max-width: 350px;
  }
}
.registration-status .auth-inner .auth-content .auth-item .succes .icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 120px;
  margin: 0 auto 4px;
}
.registration-status .auth-inner .auth-content .auth-item .succes .icon img,
.registration-status .auth-inner .auth-content .auth-item .succes .icon svg {
  object-fit: cover;
  width: 170px;
  height: 170px;
}
.registration-status .auth-inner .auth-content .auth-item .succes span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: Inter;
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.5px;
  display: block;
}
@media (max-width: 1024px) {
  .registration-status .auth-inner .auth-content .auth-item .succes span {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .registration-status .auth-inner .auth-content .auth-item .succes span {
    font-size: 20px;
    line-height: 130%;
  }
}
.registration-status .auth-inner .auth-content .auth-item .succes .description {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 24px;
}
.registration-status .auth-inner .auth-content .auth-item .succes .button {
  margin: 24px auto 0;
  max-width: 350px;
}
.registration-status .auth-inner .auth-content .auth-item .succes .button:last-child {
  margin-top: 8px;
}
@media (max-width: 1024px) {
  .registration-status .auth-inner .auth-content .auth-item .succes .button {
    display: none;
  }
}
.registration-status .auth-inner .form-submit-mobile {
  flex-direction: column;
}
@media (max-width: 1024px) {
  .registration-status .auth-inner .form-submit-mobile {
    position: sticky;
    bottom: 0;
  }
}

.banner {
  width: 100%;
}
.banner img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .banner img {
    height: 236px;
  }
}
@media (max-width: 768px) {
  .banner img {
    height: 310px;
  }
}

.catalog-main {
  width: 100%;
  padding: 0 16px 20px;
}
@media (max-width: 1024px) {
  .catalog-main {
    padding: 0 0px 20px;
  }
}
.catalog-main .container {
  max-width: 1200px;
}
.catalog-main .container .catalog-main-inner {
  width: 100%;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-banner {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-banner {
    padding: 0px 16px;
    margin-bottom: 16px;
    order: 1;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-search {
  width: 100%;
  margin-bottom: 26px;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-search {
    padding: 0px 16px;
    margin-bottom: 16px;
    order: 2;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-search .search-result {
  margin: 0;
  transition: all 0.5s;
}
.catalog-main .container .catalog-main-inner .catalog-main-search .search-result .flex,
.catalog-main .container .catalog-main-inner .catalog-main-search .search-result .search-form {
  transition: all 0.5s;
}
.catalog-main .container .catalog-main-inner .catalog-main-types {
  width: 100%;
  padding: 40px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-types {
    order: 3;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;
    padding: 12px 16px 30px;
  }
  .catalog-main .container .catalog-main-inner .catalog-main-types .prev,
  .catalog-main .container .catalog-main-inner .catalog-main-types .next {
    display: none;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item {
  width: 100%;
  position: relative;
  border-radius: 30px;
  background: #241712;
  overflow: hidden;
  height: 190px;
  padding: 8px;
}
@media (max-width: 768px) {
  .catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item {
    height: 90px;
    padding: 4px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .all-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  border-radius: 30px;
  border: 2px solid transparent;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 {
  text-align: center;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a {
  color: #fff;
  font-family: "Peace Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  text-transform: uppercase;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a span {
  color: #fff;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.197px;
  display: block;
}
@media (max-width: 768px) {
  .catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a {
    font-size: 14px;
  }
  .catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a span {
    font-size: 10px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item.active .text {
  border: 2px solid #fff;
}
.catalog-main .container .catalog-main-inner .catalog-main-test-container {
  width: 100%;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-test-container {
    order: 5;
    padding: 0px 16px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 16px;
  background: #f9d1d1;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 134px;
    gap: 24px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test h3 {
  max-width: 732px;
  color: #000;
  font-family: "Peace Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.6px;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test h3 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test h3 {
    font-size: 14px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-test-container .catalog-main-test .catalog-main-test-button {
  width: 100%;
  max-width: 234px;
}
@media (max-width: 768px) {
  .catalog-main
    .container
    .catalog-main-inner
    .catalog-main-test-container
    .catalog-main-test
    .catalog-main-test-button {
    max-width: unset;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }
}
.catalog-main
  .container
  .catalog-main-inner
  .catalog-main-test-container
  .catalog-main-test
  .catalog-main-test-button
  img {
  display: block;
  margin: 0 auto -30px;
}
@media (max-width: 768px) {
  .catalog-main
    .container
    .catalog-main-inner
    .catalog-main-test-container
    .catalog-main-test
    .catalog-main-test-button
    img {
    position: absolute;
    bottom: 60px;
    max-width: 70px;
  }
}
.catalog-main
  .container
  .catalog-main-inner
  .catalog-main-test-container
  .catalog-main-test
  .catalog-main-test-button
  button {
  position: relative;
}
@media (max-width: 768px) {
  .catalog-main
    .container
    .catalog-main-inner
    .catalog-main-test-container
    .catalog-main-test
    .catalog-main-test-button
    button {
    font-size: 10px;
    max-width: 102px;
    height: 26px;
  }
}
.catalog-main .container .catalog-main-inner .catalog-main-grid {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px;
}
@media (max-width: 1024px) {
  .catalog-main .container .catalog-main-inner .catalog-main-grid {
    border-radius: 0px 0px 16px 16px;
    order: 4;
    margin-bottom: 10px;
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .catalog-main .container .catalog-main-inner .catalog-main-grid .catalog-item .img {
    margin-bottom: 4px;
  }
  .catalog-main .container .catalog-main-inner .catalog-main-grid .catalog-item .img img {
    height: 48px;
  }
  .catalog-main .container .catalog-main-inner .catalog-main-grid .catalog-item .text h4 a {
    font-size: 10px;
  }
}

.product-swiper {
  width: 100%;
  padding: 0 20px;
}
.product-swiper {
  max-width: 1200px;
}
.product-swiper .product-swiper-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-swiper .product-swiper-title h2 {
  color: #000;
  font-family: inter;
  font-size: 26.388px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.66px;
}
.product-swiper .product-swiper-title .all-btn {
  width: 74px;
  height: 34px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 15.833px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.079px;
  transition: all 0.5s;
}
.product-swiper .product-swiper-title .all-btn svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .product-swiper .product-swiper-title .all-btn:hover {
    background-color: #000;
    color: #fff;
  }
  .product-swiper .product-swiper-title .all-btn:hover svg path {
    fill: #fff;
  }
}
.product-swiper .swiper {
  width: 100%;
  padding: 12px 0 20px;
}
@media (max-width: 1024px) {
  .product-swiper .swiper {
    overflow: unset;
  }
}
.product-swiper .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  max-width: 244px;
  margin-right: 8px;
}

.home-product-swiper {
  padding-bottom: 130px;
  position: relative;
}
@media (max-width: 1024px) {
  .home-product-swiper {
    padding-bottom: 60px;
  }
}
.home-product-swiper .container {
  max-width: 1200px;
}
.home-product-swiper .container .product-swiper-title h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .home-product-swiper .container .product-swiper-title h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.home-product-swiper .container .swiper .swiper-wrapper .swiper-slide {
  max-width: 232px;
}
.home-product-swiper .container .swiper-pagination {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100px;
}
@media (max-width: 1024px) {
  .home-product-swiper .container .swiper-pagination {
    bottom: 40px;
  }
}
.home-product-swiper .container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 40px;
  background: #fff;
  width: 60px;
  height: 10px;
  margin: 0;
  inset: 0;
  opacity: 1;
}
@media (max-width: 1024px) {
  .home-product-swiper .container .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 10px;
    min-width: 40px;
    transform: unset !important;
  }
}
.home-product-swiper .container .swiper-pagination .swiper-pagination-bullet-active {
  background: #febece;
}

.all-catalog {
  width: 100%;
  padding: 16px;
}
@media (max-width: 1024px) {
  .all-catalog {
    padding-top: 0;
  }
}
.all-catalog .container .all-catalog-inner {
  width: 100%;
}
.all-catalog .container .all-catalog-inner .all-catalog-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  position: relative;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-title {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
  }
}
@media (max-width: 520px) {
  .all-catalog .container .all-catalog-inner .all-catalog-title {
    padding: 8px 16px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-title::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-title::after {
    width: 34px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-title h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-title h1 {
    font-size: 16px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-title h1 span {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.all-catalog .container .all-catalog-inner .all-catalog-items {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-items {
    padding: 12px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-items .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-items .grid {
    gap: 8px;
  }
  .all-catalog .container .all-catalog-inner .all-catalog-items .grid .catalog-item .img img {
    height: 80px;
  }
  .all-catalog .container .all-catalog-inner .all-catalog-items .grid .catalog-item .text h4 a {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .all-catalog .container .all-catalog-inner .all-catalog-items .grid .catalog-item .img img {
    height: 48px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-items .all-catalog-item {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-items .all-catalog-item {
    margin-bottom: 24px;
  }
}
.all-catalog .container .all-catalog-inner .all-catalog-items .all-catalog-item:last-child {
  margin-bottom: 0;
}
.all-catalog .container .all-catalog-inner .all-catalog-items .all-catalog-item h3 {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .all-catalog .container .all-catalog-inner .all-catalog-items .all-catalog-item h3 {
    display: none;
  }
}

.catalog-detail {
  width: 100%;
}
@media (max-width: 1024px) {
  .catalog-detail {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .catalog-detail {
    padding: 0 0 16px;
  }
}
.catalog-detail {
}
.catalog-detail .catalog-detail-inner {
  width: 100%;
}
.catalog-detail .catalog-detail-inner .catalog-detail-title {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-title {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
  }
}
@media (max-width: 520px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-title {
    padding: 8px 16px;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .search-result {
  margin: 0;
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 16px;
  margin-bottom: 10px;
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .flex::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-title .flex::after {
    width: 34px;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .flex span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-title .flex span {
    font-size: 16px;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .search-form {
  max-width: 804px;
  margin: 0 auto;
}
.catalog-detail .catalog-detail-inner .catalog-detail-title .search-form .input-text .input {
  background: #ebebeb;
  border: unset;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content {
  width: 100%;
}
@media (max-width: 768px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-content {
    padding: 0 16px;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter .view-types {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-filter
  .view-types
  .view-type-btn
  svg
  path {
  fill: #bebebe !important;
  transition: all 0.5s;
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-filter
  .view-types
  .view-type-btn.active
  svg
  path {
  fill: #000 !important;
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-filter
  .view-types
  .view-type-btn:last-child {
  display: none;
}
@media (max-width: 768px) {
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-filter
    .view-types
    .view-type-btn:last-child {
    display: block;
  }
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-filter
    .view-types
    .view-type-btn:nth-child(2) {
    display: none;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter .filter-btn {
  background: #fb874c;
  border: 1px solid transparent;
  transition: all 0.5s;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter .filter-btn svg path {
  transition: all 0.5s;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter .filter-btn.blue {
  background: #59adee;
}
@media (min-width: 1024px) {
  .catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-filter .filter-btn:hover {
    border-color: #fb874c;
    background-color: transparent;
  }
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-filter
    .filter-btn:hover
    svg
    path {
    fill: #000 !important;
    stroke: #000 !important;
  }
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-filter
    .filter-btn:hover.blue {
    border-color: #59adee;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products {
  width: 100%;
  display: grid;
  grid-gap: 8px;
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products.column-3 {
  grid-template-columns: repeat(5, 1fr);
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products.column-2 {
  grid-template-columns: repeat(3, 1fr);
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-products.column-2
  .product-item
  .product-item-img
  img {
  height: 286px;
}
@media (max-width: 768px) {
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-products.column-2
    .product-item
    .product-item-img
    img {
    height: 200px;
  }
  .catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products.column-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products.column-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 480px) {
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-products.column-2
    .product-item
    .product-item-img
    img {
    height: 140px;
  }
}
.catalog-detail .catalog-detail-inner .catalog-detail-content .catalog-detail-products.column-1 {
  grid-template-columns: repeat(1, 1fr);
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-products.column-1
  .product-item
  .product-item-img
  img {
  height: 326px;
}
@media (max-width: 480px) {
  .catalog-detail
    .container
    .catalog-detail-inner
    .catalog-detail-content
    .catalog-detail-products.column-1
    .product-item
    .product-item-img
    img {
    height: 240px;
  }
}
.catalog-detail
  .catalog-detail-inner
  .catalog-detail-content
  .catalog-detail-products.column-1
  .product-item.vertical
  .product-item-img
  img {
  height: 136px;
}

.search-page {
  width: 100%;
  padding: 24px 16px 60px;
}
@media (max-width: 1024px) {
  .search-page {
    padding: 44px 16px;
  }
}
.search-page .container .search-page-inner {
  width: 100%;
}
.search-page .container .search-page-inner .flex {
  display: none;
}
.search-page .container .search-page-inner .serach-page-title {
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .search-page .container .search-page-inner .serach-page-title {
    background: #fff;
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
    margin-top: 0;
  }
  .search-page .container .search-page-inner .serach-page-title .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 16px;
    margin-bottom: 10px;
  }
  .search-page .container .search-page-inner .serach-page-title .flex::after {
    content: "";
    display: block;
    position: relative;
    width: 48px;
  }
}
@media (max-width: 768px) and (max-width: 1024px) {
  .search-page .container .search-page-inner .serach-page-title .flex::after {
    width: 34px;
  }
}
@media (max-width: 768px) {
  .search-page .container .search-page-inner .serach-page-title .flex span {
    color: rgba(0, 0, 0, 0.9);
    text-align: center;
    font-family: inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 768px) and (max-width: 1024px) {
  .search-page .container .search-page-inner .serach-page-title .flex span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .search-page .container .search-page-inner .serach-page-title .search-form {
    max-width: 804px;
    margin: 0 auto;
  }
  .search-page .container .search-page-inner .serach-page-title .search-form .input-text .input {
    background: #ebebeb;
    border: unset;
  }
}
@media (max-width: 520px) {
  .search-page .container .search-page-inner .serach-page-title {
    padding: 8px 16px;
  }
}
.search-page .container .search-page-inner .serach-page-title .search-result .flex {
  display: none;
}
.search-page .container .search-page-inner .serach-page-title .search-result.search-result-focus .flex {
  display: flex;
}
.search-page .container .search-page-inner .search-form {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-form {
    max-width: 448px;
  }
}
.search-page .container .search-page-inner .search-form .input-text .input {
  background: #fff;
  border: unset;
}
.search-page .container .search-page-inner .search-empty {
  width: 100%;
  max-width: 640px;
  margin: 20px auto 130px;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty {
    margin: 36px auto 36px;
    max-width: 338px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-title {
  width: 100%;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-title {
    margin-bottom: 36px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-title h2 {
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.66px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-title h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-title p {
  color: #8b8b8b;
  text-align: center;
  font-family: inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.66px;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-title p {
    font-size: 18px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-btn {
  width: 100%;
  max-width: 300px;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-btn {
    max-width: 240px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-btn img {
  margin-bottom: -24px;
  display: block;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-btn img {
    max-width: 220px;
    margin-bottom: -14px;
  }
}
.search-page .container .search-page-inner .search-empty .search-empty-btn .button {
  height: 60px;
  border-radius: 20px;
  font-size: 28px;
}
@media (min-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-btn .button:hover {
    background: #666;
  }
}
@media (max-width: 1024px) {
  .search-page .container .search-page-inner .search-empty .search-empty-btn .button {
    height: 40px;
    font-size: 12px;
    border-radius: 12px;
  }
}

.search-empty-page {
  padding-top: 0;
}

.search-result {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  padding: 20px;
  z-index: -100;
  background-color: #ebebeb;
  overflow: auto;
  opacity: 0;
}
.search-result .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 10px;
  margin-bottom: 10px;
  position: relative;
}
.search-result .flex::after {
  content: "";
  display: block;
  width: 34px;
}
.search-result .flex h2 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
.search-result .flex .close-search {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/back.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .search-result .flex .close-search {
    width: 34px;
    height: 34px;
  }
}
.search-result .search-form {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
  max-width: unset;
  top: 0px;
  left: 0px;
}
.search-result .search-form .input-text .input {
  background: #fff !important;
  border: unset;
}
.search-result .old-search {
  width: 100%;
  max-width: 1200px;
  margin: 16px auto 0;
  padding: 0 24px;
  display: none;
}
.search-result .old-search .remove-btn:hover {
  background-color: #000;
}
.search-result .old-search h3 {
  color: #000;
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-variant: small-caps;
  margin-bottom: 14px;
}
.search-result .old-search .old-search-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.search-result .old-search .old-search-item:last-child {
  margin-bottom: 0;
}
.search-result .old-search .old-search-item .old-search-btn {
  color: #000;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.9px;
}
.search-result .search-products {
  display: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .search-result .search-products {
    grid-template-columns: repeat(2, 1fr);
  }
  .search-result .search-products .product-item .product-item-img img {
    height: 286px;
  }
}
@media (max-width: 768px) {
  .search-result .search-products .product-item .product-item-img img {
    height: 200px;
  }
}
@media (max-width: 480px) {
  .search-result .search-products .product-item .product-item-img img {
    height: 140px;
  }
}
.search-result.active {
  opacity: 1;
  z-index: 100;
}
.search-result.active .search-form,
.search-result.active .flex {
  top: 0;
  left: 0;
}

.cart-modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(9, 9, 9, 0.2);
  padding: 40px 16px;
  overflow-y: auto;
  display: none;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .cart-modal {
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: opacity 0.3s ease;
    padding: 0;
  }
  .cart-modal.visible {
    opacity: 1;
    pointer-events: auto;
  }
  .cart-modal.visible .cart-modal-container {
    transform: translateY(0%);
  }
  .cart-modal.closing .cart-modal-container {
    transform: translateY(100%);
  }
}
.cart-modal::-webkit-scrollbar {
  display: none;
}
.cart-modal .cart-modal-container {
  width: 100%;
  height: max-content;
  max-width: 630px;
  border-radius: 16px;
  padding: 24px 16px 16px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .cart-modal .cart-modal-container {
    height: 86dvh;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ebebeb;
    border-radius: 16px 16px 0px 0px;
    padding: 0;
    max-width: unset;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
}
.cart-modal .cart-modal-container .close-btn {
  position: absolute;
  right: 16px;
  top: 8px;
}
@media (max-width: 1024px) {
  .cart-modal .cart-modal-container .close-btn {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .cart-modal .cart-modal-container .close-btn svg {
    display: none;
  }
}
.cart-modal .cart-modal-container .cart-modal-title {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .cart-modal .cart-modal-container .cart-modal-title {
    padding: 36px 12px 16px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 8px;
  }
}
.cart-modal .cart-modal-container .cart-modal-title span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.cart-modal .cart-modal-container .cart-modal-list {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .cart-modal .cart-modal-container .cart-modal-list {
    margin-bottom: 8px;
    max-height: 52dvh;
    height: 100%;
    overflow: auto;
  }
}
.cart-modal .cart-modal-container .cart-modal-list .cart-item {
  margin-bottom: 12px;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .cart-modal .cart-modal-container .cart-modal-list .cart-item:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
  .cart-modal .cart-modal-container .cart-modal-list .cart-item .product-item:hover {
    box-shadow: unset !important;
  }
}
.cart-modal .cart-modal-container .cart-modal-list .cart-item:last-child {
  margin-bottom: 0;
}
.cart-modal .cart-modal-container .cart-modal-list .cart-item .input-checkbox {
  display: none;
}
.cart-modal .cart-modal-container .cart-modal-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .cart-modal .cart-modal-container .cart-modal-bottom {
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    padding: 12px;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.cart {
  width: 100%;
  padding: 16px 16px 0;
  position: relative;
}
@media (max-width: 1024px) {
  .cart {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .cart {
    padding: 0;
  }
}
.cart .container {
  max-width: 1200px;
}
.cart .container .cart-title {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 12px;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .cart .container .cart-title {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
    position: relative;
  }
}
@media (max-width: 520px) {
  .cart .container .cart-title {
    padding: 8px 16px;
  }
}
.cart .container .cart-title .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 16px;
}
.cart .container .cart-title .flex::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .cart .container .cart-title .flex::after {
    width: 34px;
  }
}
.cart .container .cart-title .flex h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .cart .container .cart-title .flex h1 {
    font-size: 16px;
  }
}
.cart .container .cart-title .message-container .message-item {
  display: none;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .cart .container .cart-title .message-container .message-item {
    width: calc(100% - 16px);
    margin-top: 0;
    position: absolute;
    left: 8px;
    top: 8px;
  }
}
.cart .container .cart-title .message-container .message-item .icon {
  display: block;
  width: 28px;
  height: 28px;
}
.cart .container .cart-title .message-container .message-item .message {
  color: #633b3b;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
}
.cart .container .cart-title .message-container .message-item.delete-message {
  background: #eb4242;
}
.cart .container .cart-title .message-container .message-item.delete-message .message {
  color: #fff;
}
.cart .container .cart-title .message-container .message-item.add-wishlist-message {
  background: #f9d1d1;
}
.cart .container .cart-content {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
@media (min-width: 1024px) {
  .cart .container .cart-content {
    height: calc(100dvh - 118px);
  }
}
@media (max-width: 1024px) {
  .cart .container .cart-content {
    background-color: unset;
    padding: 0;
    margin-bottom: 24px;
  }
}
.cart .container .cart-content .cart-content-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .cart-content-top {
    padding: 24px 24px 12px;
    border-radius: 16px 16px 0 0;
    background: #fff;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .cart .container .cart-content .cart-content-top {
    padding: 24px 12px 12px;
  }
}
.cart .container .cart-content .cart-content-top .title {
  color: #000;
  font-family: " Inter";
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .cart-content-top .title {
    display: none;
  }
}
.cart .container .cart-content .cart-content-top .products-in-cart {
  display: none;
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .cart-content-top .products-in-cart {
    display: block;
  }
}
.cart .container .cart-content .cart-content-top button {
  border-radius: 16px;
  background: #f5f5f5;
  padding: 8px 24px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.07px;
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  .cart .container .cart-content .cart-content-top button:hover {
    background-color: #000;
    color: #fff;
  }
}
.cart .container .cart-content .cart-content-top button .icon {
  display: none;
}
.cart .container .cart-content .cart-content-top button.select-all {
  display: none;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .cart-content-top .buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    gap: 6px;
  }
  .cart .container .cart-content .cart-content-top .clear-cart {
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  .cart .container .cart-content .cart-content-top .clear-cart .icon {
    display: block;
  }
  .cart .container .cart-content .cart-content-top .clear-cart .button-value {
    display: none;
  }
  .cart .container .cart-content .cart-content-top button.select-all {
    display: block;
    font-size: 12px;
  }
}
.cart .container .cart-content .flex {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex {
    flex-direction: column;
    gap: 8px;
  }
}
.cart .container .cart-content .flex .cart-left {
  width: 100%;
  max-width: 666px;
}
@media (min-width: 1024px) {
  .cart .container .cart-content .flex .cart-left {
    max-height: 73dvh;
    overflow: auto;
  }
  .cart .container .cart-content .flex .cart-left::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-left {
    max-width: 100%;
  }
}
.cart .container .cart-content .flex .cart-left .cart-products {
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-left .cart-products {
    background-color: #fff;
    padding: 24px;
    border-radius: 0 0 16px 16px;
  }
}
@media (max-width: 768px) {
  .cart .container .cart-content .flex .cart-left .cart-products {
    padding: 12px;
  }
}
.cart .container .cart-content .flex .cart-left .cart-products:last-child {
  margin-bottom: 0;
}
.cart .container .cart-content .flex .cart-left .cart-products h5 {
  color: #000;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  overflow: auto;
  position: relative;
  margin-bottom: 16px;
  border-radius: 16px;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box:last-child {
  margin-bottom: 0;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box::-webkit-scrollbar {
  display: none;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box .mobile-slide {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #f9d1d1;
  padding-left: 40px;
  border-radius: 32px;
  overflow: hidden;
  min-width: max-content;
  margin-right: -120px;
  margin-left: -40px;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box .mobile-slide button {
  width: 60px;
  height: 100%;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 4px;
  font-family: " Inter";
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box .mobile-slide button .icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d1a9a9;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box .mobile-slide button:last-child {
  background: #eb4242;
  color: #fff;
}
.cart .container .cart-content .flex .cart-left .cart-products .cart-product-box .mobile-slide button:last-child .icon {
  background: #cd2424;
}
@media (max-width: 768px) {
  .cart .container .cart-content .flex .cart-left .cart-products .product-item .product-item-img {
    max-width: 80px;
  }
  .cart .container .cart-content .flex .cart-left .cart-products .product-item .product-item-img img {
    height: 80px;
  }
  .cart
    .container
    .cart-content
    .flex
    .cart-left
    .cart-products
    .product-item.vertical
    .product-item-info
    .product-item-info-title
    h4
    a {
    font-size: 12px;
    line-height: 16px;
  }
  .cart .container .cart-content .flex .cart-left .cart-products .product-item .product-item-info .price {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-left .cart-products.cart-products-disabled {
    padding: 24px;
    border-radius: 16px;
  }
}
@media (max-width: 768px) {
  .cart .container .cart-content .flex .cart-left .cart-products.cart-products-disabled {
    padding: 12px;
  }
}
.cart
  .container
  .cart-content
  .flex
  .cart-left
  .cart-products.cart-products-disabled
  .cart-item
  .product-item
  .product-item-info
  .product-item-info-title
  .counter {
  display: none;
}
.cart .container .cart-content .flex .cart-form {
  width: 100%;
  max-width: 480px;
  padding: 12px;
  border-radius: 12px;
  background: #f8f8f8;
  margin-top: 34px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-form {
    margin: 0px;
    background: unset;
    max-width: unset;
    padding: 0 12px;
  }
  .cart .container .cart-content .flex .cart-form .button {
    display: none;
  }
}
.cart .container .cart-content .flex .cart-form .cart-pice-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-form .cart-pice-item {
    display: none;
  }
}
.cart .container .cart-content .flex .cart-form .cart-pice-item span {
  color: #898989;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.cart .container .cart-content .flex .cart-form .cart-price-total {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
@media (max-width: 1024px) {
  .cart .container .cart-content .flex .cart-form .cart-price-total {
    display: none;
  }
}
.cart .container .cart-content .flex .cart-form .cart-price-total span {
  color: #000;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.cart .container .cart-content .flex .cart-form .input-text {
  margin-bottom: 18px;
}
.cart .container .cart-mobile-bottom {
  display: none;
  padding: 12px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  position: sticky;
  bottom: 0px;
}
@media (max-width: 1024px) {
  .cart .container .cart-mobile-bottom {
    display: block;
  }
}
.cart .container .cart-mobile-bottom .button {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
}
.cart .container .cart-mobile-bottom .button span {
  display: block;
  text-align: center;
  color: #bfbfbf;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
}

.checkout {
  width: 100%;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .checkout {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .checkout {
    padding: 0;
  }
}
.checkout .checkout-title {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .checkout .checkout-title {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
  }
}
@media (max-width: 520px) {
  .checkout .checkout-title {
    padding: 8px 16px;
  }
}
.checkout .checkout-title .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 16px;
  margin-bottom: 10px;
}
.checkout .checkout-title .flex::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .checkout .checkout-title .flex::after {
    width: 34px;
  }
}
.checkout .checkout-title .flex h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .checkout .checkout-title .flex h1 {
    font-size: 16px;
  }
}
.checkout .checkout-title .message-container {
  display: none;
}
.checkout .checkout-content {
  width: 100%;
}
.checkout .checkout-content .checkout-product {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
}
.checkout .checkout-content .checkout-product .title {
  margin-bottom: 12px;
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
  display: block;
}
.checkout .checkout-content .checkout-product .cart-item .input-checkbox {
  display: none;
}
.checkout .checkout-content .checkout-product .cart-item .product-item {
  align-items: flex-start;
}
.checkout
  .container
  .checkout-content
  .checkout-product
  .cart-item
  .product-item
  .product-item-info
  .product-item-buttons,
.checkout
  .container
  .checkout-content
  .checkout-product
  .cart-item
  .product-item
  .product-item-info
  .product-item-info-title
  .counter {
  display: none;
}
.checkout .checkout-content .checkout-form {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 12px;
}
.checkout .checkout-content .checkout-form .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.checkout .checkout-content .checkout-question {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
}
.checkout .checkout-content .checkout-question .title {
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 14px;
}
.checkout .checkout-content .checkout-question .input-checkbox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  margin-bottom: 22px;
}
.checkout .checkout-content .checkout-question .input-checkbox:last-child {
  margin-bottom: 0;
}
.checkout .checkout-content .checkout-question .input-checkbox input {
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.checkout .checkout-content .checkout-question .input-checkbox input:checked ~ .input {
  background: #5c4033;
}
.checkout .checkout-content .checkout-question .input-checkbox input:checked ~ .input svg {
  opacity: 1;
}
.checkout .checkout-content .checkout-question .input-checkbox .input {
  max-width: 24px;
  min-width: 24px;
  height: 24px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.checkout .checkout-content .checkout-question .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.checkout .checkout-content .checkout-question .input-checkbox .text {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}
.checkout .checkout-content .checkout-question .input-checkbox .text .input-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.32px;
}
.checkout .checkout-content .checkout-question .input-checkbox .text .subtitle {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.checkout .checkout-content .checkout-question .input-checkbox .text .price {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.28px;
  display: block;
  padding: 8px 20px;
  border-radius: 100px;
  background: #f5f5f5;
}
.checkout .checkout-content .checkout-bottom {
  width: 100%;
  padding: 16px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  position: sticky;
  bottom: 0;
  z-index: 10;
}
@media (max-width: 1024px) {
  .checkout .checkout-content .checkout-bottom {
    padding: 12px 12px 34px;
  }
}
.checkout .checkout-content .checkout-bottom .total {
  width: 100%;
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .checkout .checkout-content .checkout-bottom .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.checkout .checkout-content .checkout-bottom .total .title {
  color: #000;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 10px;
}
.checkout .checkout-content .checkout-bottom .total .price {
  color: #000;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 590;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.checkout .checkout-content .checkout-bottom .flex {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1024px) {
  .checkout .checkout-content .checkout-bottom .flex button:last-child {
    display: none;
  }
}

.address-modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background: rgba(9, 9, 9, 0.2);
  padding: 40px 16px;
  overflow-y: auto;
  display: none;
  transition: opacity 0.3s ease;
}
.address-modal.visible {
  display: block;
  opacity: 1;
}
.address-modal.closing {
  opacity: 0;
}
.address-modal .address-modal-container {
  transition: transform 0.3s ease;
  transform: translateY(0);
}
.address-modal.visible.closing .address-modal-container {
  transform: translateY(100%);
}
@media (max-width: 1024px) {
  .address-modal {
    padding: 0;
  }
}
.address-modal::-webkit-scrollbar {
  display: none;
}
.address-modal .address-modal-container {
  width: 100%;
  height: max-content;
  max-width: 630px;
  border-radius: 16px;
  padding: 24px 16px 16px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container {
    position: absolute;
    left: 0;
    min-height: 96dvh;
    bottom: 0;
    overflow: auto;
    background: #ebebeb;
    border-radius: 16px 16px 0px 0px;
    padding: 0;
    max-width: unset;
  }
}
.address-modal .address-modal-container .address-modal-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-header {
    padding: 36px 12px 16px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 0px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10 !important;
  }
  .address-modal .address-modal-container .address-modal-header::after {
    display: block;
    content: "";
    position: relative;
    width: 34px;
  }
}
.address-modal .address-modal-container .address-modal-header h3 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.address-modal .address-modal-container .address-modal-header .back {
  position: relative;
  z-index: -1;
  width: 38px;
  height: 38px;
}
.address-modal .address-modal-container .address-modal-header .back.active {
  z-index: 2;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-header .close-btn {
    position: absolute;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    top: 12px;
  }
  .address-modal .address-modal-container .address-modal-header .close-btn svg {
    display: none;
  }
}
.address-modal .address-modal-container .address-modal-map {
  width: 100%;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-map {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1 !important;
  }
}
.address-modal .address-modal-container .address-modal-map iframe {
  width: 100%;
  height: 50dvh;
  border-radius: 16px;
  border: unset;
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-map iframe {
    margin-bottom: 0px;
    height: 100%;
    z-index: 1;
  }
}
.address-modal .address-modal-container .address-modal-map .address-output {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-map .address-output {
    margin-bottom: 16px;
    padding: 12px;
    background-color: #fff;
    border-radius: 24px 24px 0px 0px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 92px;
  }
}
.address-modal .address-modal-container .address-modal-select {
  display: none;
  width: 100%;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-select {
    padding: 102px 12px 12px;
    position: relative;
    z-index: 2;
  }
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item {
  width: 100%;
  margin-bottom: 8px;
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item .input-checkbox {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  gap: 12px;
  border-radius: 12px;
  background: #f8f8f8;
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item .input-checkbox input {
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.address-modal
  .address-modal-container
  .address-modal-select
  .address-modal-select-item
  .input-checkbox
  input:checked
  ~ .input {
  background: #5c4033;
}
.address-modal
  .address-modal-container
  .address-modal-select
  .address-modal-select-item
  .input-checkbox
  input:checked
  ~ .input
  svg {
  opacity: 1;
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item .input-checkbox .input-title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item .input-checkbox .input {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.address-modal .address-modal-container .address-modal-select .address-modal-select-item .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.address-modal .address-modal-container .address-modal-select .add-new-address {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-left: 12px;
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.address-modal .address-modal-container .address-modal-create {
  display: none;
  width: 100%;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-create {
    padding: 102px 12px 12px;
    position: relative;
    z-index: 2;
  }
}
.address-modal .address-modal-container .address-modal-create .input-text {
  margin-bottom: 12px;
}
.address-modal .address-modal-container .address-modal-create .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 100%;
  max-width: 352px;
}
.address-modal .address-modal-container .address-modal-create .grid .input-text {
  margin-bottom: 0;
}
.address-modal .address-modal-container .address-modal-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .address-modal .address-modal-container .address-modal-bottom {
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    padding: 12px;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10 !important;
  }
}
.address-modal .address-modal-container .address-modal-bottom .save-btn {
  display: none;
}

.reviews-partner {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 12px;
}
.reviews-partner .job-title {
  border-radius: 32px;
  background: #f5f5f5;
  display: block;
  max-width: max-content;
  padding: 4px 18px;
  margin-bottom: 12px;
  color: #000;
  text-align: center;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 150%;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
}
.reviews-partner h4 {
  margin-bottom: 16px;
}
.reviews-partner h4 a {
  color: #000;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.2px;
}
.reviews-partner .reviews-rating {
  width: 100%;
  margin-bottom: 16px;
}
.reviews-partner .reviews-rating .reviews-rating-stars {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 12px;
  gap: 12px;
}
.reviews-partner .reviews-rating .reviews-rating-stars::after {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.08);
  order: 2;
}
.reviews-partner .reviews-rating .reviews-rating-stars .stars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  order: 1;
}
.reviews-partner .reviews-rating .reviews-rating-stars .rating {
  color: #000;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 135%;
  letter-spacing: -0.16px;
  order: 3;
}
.reviews-partner .reviews-rating .reviews-rating-stats {
  width: 100%;
}
.reviews-partner .reviews-rating .reviews-rating-stats .subtitle {
  color: rgba(0, 0, 0, 0.5);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.14px;
  margin-bottom: 12px;
  display: block;
}
.reviews-partner .reviews-rating .reviews-rating-stats .reviews-rating-stats-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.reviews-partner .reviews-rating .reviews-rating-stats .reviews-rating-stats-item:last-child {
  margin-bottom: 0;
}
.reviews-partner .reviews-rating .reviews-rating-stats .reviews-rating-stats-item .reviews-rating-stats-item-label {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.24px;
  display: block;
  min-width: 56px;
}
.reviews-partner
  .reviews-rating
  .reviews-rating-stats
  .reviews-rating-stats-item
  .reviews-rating-stats-item-progress-container {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.08);
}
.reviews-partner
  .reviews-rating
  .reviews-rating-stats
  .reviews-rating-stats-item
  .reviews-rating-stats-item-progress-container
  .reviews-rating-stats-item-progress {
  border-radius: 4px;
  background: #b9b9b9;
  height: 100%;
  display: block;
}
.reviews-partner .reviews-rating .reviews-rating-stats .reviews-rating-stats-item .reviews-rating-stats-item-value {
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  display: block;
  min-width: 32px;
}
.reviews-partner .reviews-partner-badges {
  width: 100%;
}
.reviews-partner .reviews-partner-badges .subtitle {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.12px;
  display: block;
  margin-bottom: 4px;
}
.reviews-partner .reviews-partner-badges .flex {
  width: 100%;
  flex-wrap: wrap;
  gap: 4px;
}
.reviews-partner .reviews-partner-badges .flex .reviews-partner-badge {
  max-width: max-content;
  padding: 2px 8px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.reviews-partner .reviews-partner-badges .flex .reviews-partner-badge .col {
  color: rgba(0, 0, 0, 0.5);
}

.reviews-item {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 12px;
  position: relative;
}
.reviews-item.response-rewview-item {
  border-radius: 8px;
  border: 1px solid rgba(132, 204, 239, 0.5);
  background: #def1fa;
}
.reviews-item .reviews-item-answer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.reviews-item .about-review {
  position: absolute;
  top: 44px;
  right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 12px;
}
.reviews-item .about-review .icon {
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.08);
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.reviews-item .about-review button {
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 2px 5px 33.5px 0px rgba(0, 0, 0, 0.13);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
  display: none;
  position: relative;
}
.reviews-item .about-review button::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 30px;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .reviews-item .about-review button:hover::before {
    width: calc(100% - 42px);
  }
}
.reviews-item .about-review:hover button {
  display: flex;
}
.reviews-item .reviews-item-top {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
}
.reviews-item .reviews-item-top .stars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.reviews-item .reviews-item-top .stars .rating {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 135%;
  letter-spacing: -0.12px;
}
.reviews-item .reviews-item-top .reviews-item-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 135%;
  letter-spacing: -0.12px;
}
.reviews-item .reviews-item-top .reviews-item-date::before {
  content: "";
  position: relative;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.reviews-item .reviews-item-content {
  width: 100%;
  margin-bottom: 16px;
}
.reviews-item .reviews-item-content .reviews-item-user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.reviews-item .reviews-item-content .reviews-item-user img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.reviews-item .reviews-item-content .reviews-item-user span {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
}
.reviews-item .reviews-item-content .reviews-item-body {
  width: 100%;
  margin-bottom: 16px;
}
.reviews-item .reviews-item-content .reviews-item-body p {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.reviews-item .reviews-item-content .reviews-item-about {
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.24px;
}
.reviews-item .reviews-item-content .reviews-item-images {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
}
.reviews-item .reviews-item-content .reviews-item-images .reviews-item-image {
  width: 100%;
  max-width: 120px;
  height: 120px;
  border-radius: 12px;
  border: 1px solid #e2e2e2;
  background: #fff;
}
.reviews-item .reviews-item-content .reviews-item-images .reviews-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.reviews-item .reviews-item-content .reviews-item-response {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.24px;
}
.reviews-item .reviews-item-response {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.28px;
}
.reviews-item .respone-reqview-btn {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 20px;
  /* 166.667% */
  letter-spacing: -0.24px;
}
.reviews-item .reviews-item-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reviews-item .reviews-item-buttons .flex {
  gap: 6px;
}
.reviews-item .reviews-item-buttons .flex .linke-btn {
  width: 28px;
  height: 28px;
  position: relative;
  display: block;
}
.reviews-item .reviews-item-buttons .flex .linke-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.reviews-item .reviews-item-buttons .flex .linke-btn input:checked + .icon {
  background: #accb4a;
}
.reviews-item .reviews-item-buttons .flex .linke-btn input:checked + .icon svg path {
  fill: #fff;
}
.reviews-item .reviews-item-buttons .flex .linke-btn.dislike-btn input:checked + .icon {
  background: #fb874c;
}
.reviews-item .reviews-item-buttons .flex .linke-btn .icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.reviews-item .reviews-item-buttons .flex .linke-btn .icon svg path {
  transition: all 0.3s;
}
.reviews-item .reviews-item-buttons .edit-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  position: relative;
}
.reviews-item .reviews-item-buttons .edit-btn::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
.reviews-item .reviews-item-buttons .edit-btn:hover::before {
  width: 100%;
}

.reviews {
  width: 100%;
  padding: 16px 16px 0;
  position: relative;
}
@media (max-width: 1024px) {
  .reviews {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .reviews {
    padding: 0;
  }
}
.reviews .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.reviews .container .reviews-title {
  width: 100%;
  padding: 10px 16px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1024px) {
  .reviews .container .reviews-title {
    border-radius: 0px 0px 16px 16px;
    padding: 8px;
    position: sticky;
    top: 0;
    z-index: 10;
  }
}
@media (max-width: 520px) {
  .reviews .container .reviews-title {
    padding: 8px 16px;
  }
}
.reviews .container .reviews-title .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  gap: 16px;
}
.reviews .container .reviews-title .flex::after {
  content: "";
  display: block;
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .reviews .container .reviews-title .flex::after {
    width: 34px;
  }
}
.reviews .container .reviews-title .flex h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .reviews .container .reviews-title .flex h1 {
    font-size: 16px;
  }
}
.reviews .container .reviews-title .message-container {
  display: none;
}
.reviews .container .reviews-title .message-container .message-item {
  display: none;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  margin-top: 10px;
}
.reviews .container .reviews-title .message-container .message-item.response-rewview-item {
  border: 1px solid rgba(132, 204, 239, 0.5);
}
@media (max-width: 1024px) {
  .reviews .container .reviews-title .message-container .message-item {
    width: calc(100% - 16px);
    margin-top: 0;
    position: absolute;
    left: 8px;
    top: 8px;
  }
}
.reviews .container .reviews-title .message-container .message-item .icon {
  display: block;
  width: 28px;
  height: 28px;
}
.reviews .container .reviews-title .message-container .message-item .message {
  color: #633b3b;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
}
.reviews .container .reviews-title .message-container .message-item.complain-message {
  background: #fb874c;
}
.reviews .container .reviews-title .message-container .message-item.complain-message .message {
  color: #fff;
}
.reviews .container .reviews-title .message-container .message-item.add-review-message {
  background: #accb4a;
}
.reviews .container .reviews-title .message-container .message-item.add-review-message .message {
  color: #fff;
}
.reviews .container .reviews-content {
  width: 100%;
}
@media (max-width: 768px) {
  .reviews .container .reviews-content {
    padding: 0 16px;
  }
}
.reviews .container .reviews-add,
.reviews .container .reviews-bottom {
  width: 100%;
  padding: 16px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.reviews .container .reviews-bottom .reviews-bottom-from {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.reviews .container .reviews-bottom .reviews-bottom-from span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.7);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.28px;
}
.reviews .container .reviews-bottom .reviews-bottom-from span .name {
  font-weight: 500;
}
.reviews .container .reviews-bottom .flex {
  gap: 4px;
}
.reviews .container .reviews-bottom .flex .send-btn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.add-review-modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(9, 9, 9, 0.2);
  padding: 40px 16px;
  overflow: auto;
  display: none;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .add-review-modal {
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: opacity 0.3s ease;
    overflow: hidden;
    padding: 0;
  }
  .add-review-modal.visible {
    opacity: 1;
    pointer-events: auto;
  }
  .add-review-modal.visible .add-review-modal-container {
    transform: translateY(0%);
  }
  .add-review-modal.closing .add-review-modal-container {
    transform: translateY(100%);
  }
}
.add-review-modal::-webkit-scrollbar {
  display: none;
}
.add-review-modal .add-review-modal-container {
  width: 100%;
  max-width: 510px;
  padding: 16px;
  height: max-content;
  border-radius: 16px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container {
    max-height: 95dvh;
    position: absolute;
    left: 0;
    margin: 0;
    bottom: 0;
    background: #fff;
    border-radius: 16px 16px 0px 0px;
    max-width: unset;
    padding: 0;
    overflow-y: auto;
  }
}
.add-review-modal .add-review-modal-container .add-review-modal-close {
  position: absolute;
  right: 16px;
  top: 8px;
  z-index: 10;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container .add-review-modal-close {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .add-review-modal .add-review-modal-container .add-review-modal-close svg {
    display: none;
  }
}
.add-review-modal .add-review-modal-container .add-review-modal-title {
  width: 100%;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container .add-review-modal-title {
    padding: 30px 12px 12px;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
  }
}
.add-review-modal .add-review-modal-container .add-review-modal-form {
  width: 100%;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container .add-review-modal-form {
    padding: 0 12px;
  }
}
.add-review-modal .add-review-modal-container .add-review-modal-form span.title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 4px;
  display: block;
}
.add-review-modal .add-review-modal-container .add-review-modal-form span.description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  position: relative;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .input-checkbox {
  width: 24px;
  height: 24px;
  min-width: 24px;
  position: unset;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .input-checkbox input {
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .input-checkbox
  input:checked
  ~ .input {
  background: #5c4033;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .input-checkbox
  input:checked
  ~ .input
  svg {
  opacity: 1;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .input-checkbox .input {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .product-item.vertical {
  padding: 0;
  background-color: unset;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-img {
  max-width: 64px;
  border-radius: 8px;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-img
  img {
  height: 64px;
  border-radius: 8px;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-info-title {
  order: 2;
  margin: 0;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-info-title
  .like-btn {
  display: none;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-info-title
  h4 {
  line-height: normal;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-info-title
  h4
  a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .price {
  order: 1px;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-char {
  order: 3;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-char
  span {
  font-size: 12px;
  line-height: normal;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .city,
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .products-list-item
  .product-item.vertical
  .product-item-info
  .product-item-stats {
  display: none;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list-item .product-item.vertical:hover {
  box-shadow: unset;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product {
  width: 100%;
  margin-bottom: 16px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product .description {
  margin-bottom: 12px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product .select-product-btn {
  width: 100%;
  padding: 8px 12px 8px 8px;
  border-radius: 8px;
  background: #ebebeb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product .select-product-btn .text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product .select-product-btn .text .icon {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product .products-list-item {
  display: none;
  padding: 8px 12px 8px 8px;
  border-radius: 8px;
  background: #ebebeb;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product.is-selected .products-list-item {
  display: flex;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .select-product.is-selected .select-product-btn {
  display: none;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list {
  display: none;
  width: 100%;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container .add-review-modal-form .products-list {
    overflow-y: auto;
    max-height: 70dvh;
  }
  .add-review-modal .add-review-modal-container .add-review-modal-form .products-list::-webkit-scrollbar {
    display: none;
  }
}
.add-review-modal .add-review-modal-container .add-review-modal-form .products-list .products-list-item {
  margin-bottom: 16px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body {
  width: 100%;
  margin-bottom: 16px;
  display: none;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .set-review-rating {
  width: 100%;
  margin-bottom: 16px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .set-review-rating .title {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 12px;
  display: block;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .set-review-rating .rating-stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star {
  position: relative;
  width: 38px;
  height: 38px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/star-empty.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: block;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star.filled {
  background-image: url("/local/templates/pappy_pets/css/../img/icons/star.svg");
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star.half-filled {
  background-image: url("/local/templates/pappy_pets/css/../img/icons/star-50-fill.svg");
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star
  .half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star
  .half.left {
  left: 0;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .set-review-rating
  .rating-stars
  .star
  .half.right {
  right: 0;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .input-text {
  margin-bottom: 16px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-callback {
  width: 100%;
  padding: 16px 0;
  margin-bottom: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: none;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-callback .description {
  margin-bottom: 16px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-callback .slide-btn {
  width: 100%;
  justify-content: space-between;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like {
  width: 100%;
  display: none;
  padding: 16px 0;
  margin-bottom: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like .description {
  margin-bottom: 12px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like .tags {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like .tags .tag-item {
  position: relative;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like .tags .tag-item input {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .review-like
  .tags
  .tag-item
  input:checked
  ~ .tag {
  border: 2px solid #5c4033;
  background: #fff;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .review-like .tags .tag-item .tag {
  padding: 8px 12px;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  display: block;
  cursor: pointer;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .add-review-images {
  width: 100%;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .add-review-images .title {
  margin-bottom: 12px;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .review-body .add-review-images .flex {
  gap: 12px;
  align-items: stretch;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item {
  width: 100%;
  max-width: 140px;
  height: 140px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  overflow: hidden;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .input-file {
  width: 100%;
  height: 100%;
  position: relative;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .input-file
  input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .input-file
  span {
  color: #000;
  text-align: center;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  gap: 4px;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .img
  .remove-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.add-review-modal
  .add-review-modal-container
  .add-review-modal-form
  .review-body
  .add-review-images
  .flex
  .add-review-images-item
  .img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.add-review-modal .add-review-modal-container .add-review-modal-form .add-review-modal-submit {
  width: 100%;
}
@media (max-width: 1024px) {
  .add-review-modal .add-review-modal-container .add-review-modal-form .add-review-modal-submit {
    position: sticky;
    bottom: 0px;
    z-index: 10;
    padding: 12px 12px 24px;
    border-radius: 16px 16px 0px 0px;
    background: #fff;
  }
}

.delete-img-modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(9, 9, 9, 0.2);
  padding: 40px 16px;
  overflow-y: auto;
  display: none;
}
@media (max-width: 1024px) {
  .delete-img-modal {
    padding: 0;
  }
}
.delete-img-modal::-webkit-scrollbar {
  display: none;
}
.delete-img-modal .delete-img-modal-content {
  width: 100%;
  max-width: 510px;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  position: relative;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .delete-img-modal .delete-img-modal-content {
    max-height: 86dvh;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ebebeb;
    border-radius: 16px 16px 0px 0px;
    padding: 12px;
    max-width: unset;
    transform: unset;
    top: unset;
  }
}
.delete-img-modal .delete-img-modal-content .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.delete-img-modal .delete-img-modal-content .title {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.36px;
  display: block;
  margin-bottom: 24px;
}
.delete-img-modal .delete-img-modal-content .flex {
  gap: 8px;
}

.complain-modal {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(9, 9, 9, 0.2);
  padding: 40px 16px;
  overflow-y: auto;
  display: none;
  transition: unset !important;
}
.complain-modal.visible {
  display: block;
  opacity: 1;
}
.complain-modal.closing {
  opacity: 0;
}
@media (max-width: 1024px) {
  .complain-modal {
    opacity: 0;
    display: block;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.3s ease !important;
    padding: 0;
  }
  .complain-modal.visible {
    opacity: 1;
    pointer-events: auto;
  }
  .complain-modal.visible .complain-modal-container {
    transform: translateY(0%);
  }
  .complain-modal.closing .complain-modal-container {
    transform: translateY(100%);
  }
}
.complain-modal.visible.closing .address-modal-container {
  transform: translateY(100%);
}
@media (max-width: 1024px) {
  .complain-modal {
    padding: 0;
  }
  .complain-modal .address-modal-container {
    transition: transform 0.3s ease;
    transform: translateY(0);
  }
}
.complain-modal::-webkit-scrollbar {
  display: none;
}
.complain-modal .complain-modal-container {
  width: 100%;
  height: max-content;
  max-width: 630px;
  border-radius: 16px;
  padding: 24px 16px 16px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container {
    height: 95dvh;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ebebeb;
    border-radius: 16px 16px 0px 0px;
    padding: 0;
    max-width: unset;
    display: flex;
    flex-direction: column;
  }
}
.complain-modal .complain-modal-container .close-btn {
  position: absolute;
  right: 16px;
  top: 8px;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container .close-btn {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .complain-modal .complain-modal-container .close-btn svg {
    display: none;
  }
}
.complain-modal .complain-modal-container .complain-modal-header {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container .complain-modal-header {
    padding: 36px 12px 16px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 8px;
  }
}
.complain-modal .complain-modal-container .complain-modal-header span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.complain-modal .complain-modal-container .complain-list {
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container .complain-list {
    padding: 0 12px;
    flex: 1 1 auto;
    overflow: auto;
  }
  .complain-modal .complain-modal-container .complain-list::-webkit-scrollbar {
    display: none;
  }
}
.complain-modal .complain-modal-container .complain-list .complain-item {
  width: 100%;
  margin-bottom: 8px;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  gap: 12px;
  border-radius: 12px;
  background: #f8f8f8;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox input {
  z-index: 10;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox input:checked ~ .input {
  background: #5c4033;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox input:checked ~ .input svg {
  opacity: 1;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox .input-title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox .description {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox .input {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.complain-modal .complain-modal-container .complain-list .complain-item .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container .complain-other {
    padding: 0 12px;
  }
}
.complain-modal .complain-modal-container .complain-other {
  width: 100%;
  margin-bottom: 16px;
}
.complain-modal .complain-modal-container .complain-btn {
  width: 100%;
}
@media (max-width: 1024px) {
  .complain-modal .complain-modal-container .complain-btn {
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    padding: 12px;
    flex-direction: column;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}

.catspinner-main {
  width: 100%;
  padding: 16px;
}
@media (max-width: 1024px) {
  .catspinner-main {
    background-image: url("/local/templates/pappy_pets/css/../img/pexels-blue-bird-7210698 1 (1).png");
    background-size: cover;
    padding: 0;
  }
  .catspinner-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -38.28%, #000 61.72%);
  }
}
@media (max-width: 768px) {
  .catspinner-main::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  }
}
.catspinner-main .container {
  position: relative;
  z-index: 2;
}
.catspinner-main .container .catspinner-main-inner {
  width: 100%;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: 100dvh;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-header {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-header::after {
  content: "";
  position: relative;
  width: 40px;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-header {
    padding: 16px 16px 0;
    background: unset;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content {
  width: 100%;
  position: relative;
  min-height: calc(100dvh - 150px);
  border-radius: 16px;
  background: #fff;
  padding: 96px 36px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content {
    background: unset;
    padding: 0 16px 64px;
    min-height: unset;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/local/templates/pappy_pets/css/../img/dog-img.png");
  width: 410px;
  height: 370px;
  background-size: cover;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content::before {
    display: none;
  }
}
@media (max-height: 970px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content::before {
    width: 300px;
    height: 270px;
  }
}
@media (max-height: 770px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content::before {
    width: 200px;
    height: 170px;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text {
  width: 100%;
  max-width: 402px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text {
    margin: 0 auto;
    text-align: center;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text h1 {
  color: #2a2a2a;
  font-family: "Peace Sans";
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 117%;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text h1 {
    color: #fff;
    font-size: 47px;
    line-height: 117%;
    margin-bottom: 4px;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text .description {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 38px;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-text .description {
    margin-bottom: 22px;
    color: #fff;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  background-image: url("/local/templates/pappy_pets/css/../img/dog-img2.png");
  width: 145px;
  height: 194px;
}
@media (max-width: 1024px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img {
    display: none;
  }
}
.catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img img {
  height: 696px;
}
@media (max-width: 1200px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img img {
    height: 580px;
  }
}
@media (max-height: 970px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img img {
    height: 580px;
  }
}
@media (max-height: 770px) {
  .catspinner-main .container .catspinner-main-inner .catspinner-main-content .catspinner-main-img img {
    height: 500px;
  }
}

.question-block {
  width: 100%;
  padding: 16px 16px 0;
}
@media (max-width: 1024px) {
  .question-block {
    padding: 0;
  }
}
.question-block .container .question-inner {
  width: 100%;
}
.question-block .container .question-inner .question-header {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1024px) {
  .question-block .container .question-inner .question-header {
    display: none;
  }
}
.question-block .container .question-inner .question-content {
  width: 100%;
  padding-top: 24px;
  border-radius: 16px;
  background: #fff;
  min-height: calc(100dvh - 110px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .question-block .container .question-inner .question-content {
    padding-top: 22px;
    min-height: 100dvh;
    position: relative;
  }
}
.question-block .container .question-inner .question-content .question-swiper-pagination {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 4px;
  max-width: 814px;
  margin: 0 auto 44px;
}
@media (min-width: 1024px) {
  .question-block .container .question-inner .question-content .question-swiper-pagination {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 54px;
  }
}
@media (max-height: 800px) {
  .question-block .container .question-inner .question-content .question-swiper-pagination {
    margin-bottom: 24px;
  }
}
@media (max-width: 1024px) {
  .question-block .container .question-inner .question-content .question-swiper-pagination {
    padding: 0 16px;
    margin-bottom: 32px;
  }
}
.question-block .container .question-inner .question-content .question-swiper-pagination span {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 20px;
  background: rgba(198, 158, 158, 0.22);
  transition: all 0.5s;
}
.question-block .container .question-inner .question-content .question-swiper-pagination span.active {
  background: #c69e9e;
}
.question-block .container .question-inner .question-content .question-etaps {
  width: 100%;
  padding: 0 16px 24px;
  width: 100%;
  max-width: 814px;
  margin: 0 auto;
  flex: 1 1 auto;
}
.question-block .container .question-inner .question-content .question-etaps .question-item {
  width: 100%;
  display: none;
}
.question-block .container .question-inner .question-content .question-etaps .question-item.active {
  display: block;
}
.question-block .container .question-inner .question-content .question-etaps .question-item .question-item-title {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-height: 800px) {
  .question-block .container .question-inner .question-content .question-etaps .question-item .question-item-title {
    margin-bottom: 18px;
  }
}
.question-block .container .question-inner .question-content .question-etaps .question-item .question-item-title span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  display: block;
  font-family: inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-title
    span {
    font-size: 24px;
    margin-bottom: 18px;
  }
}
@media (max-width: 520px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-title
    span {
    font-size: 18px;
  }
}
.question-block .container .question-inner .question-content .question-etaps .question-item .question-item-quest {
  width: 100%;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox {
  width: 100%;
  max-width: 380px;
  margin: 0 auto 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 8px;
  min-height: 78px;
  position: relative;
  border-radius: 11px;
  background: #f8f8f8;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .quest-checkbox {
    min-height: 68px;
    gap: 10px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox:last-child {
  margin-bottom: 0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .checkbox-img {
  width: 100%;
  max-width: 62px;
  height: 62px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .quest-checkbox
    .checkbox-img {
    max-width: 46px;
    height: 46px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .checkbox-img
  img {
  width: 42px;
  height: 42px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .quest-checkbox
    .checkbox-img
    img {
    width: 32px;
    height: 32px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .input-title {
  color: #000;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .quest-checkbox
    .input-title {
    font-size: 16px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .input-title
  .description {
  color: #3b3b3b;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: 4px;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .input-placeholder {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #efefef;
  background: var(--Gray-colors-White, #fff);
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox
  .input-placeholder
  svg {
  opacity: 0;
  transition: all 0.5s;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox.active {
  background: #ebebeb;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox.active
  .checkbox-img {
  background: #f8d0d0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox.active
  .input-placeholder {
  background: #f8d0d0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .quest-checkbox.active
  .input-placeholder
  svg {
  opacity: 1;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range {
  width: 100%;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .two-step-range {
    padding: 0 16px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs
  .range-output {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #343434;
  background: var(--Secondary, #fff);
  max-width: 88px;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs
  .range-output
  input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: #000;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  appearance: none;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs
  .range-output
  input::-webkit-outer-spin-button,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs
  .range-output
  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .two-step-range
  .otuputs
  .range-output
  span {
  color: #000;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider {
  width: 100%;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-connect {
  border-radius: 30px;
  background: #f8d0d0;
  border: unset;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-handle {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 8px solid #c69e9e;
  border-radius: 50%;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-handle
  stroke {
  background-color: #2a2a2a;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-handle::before,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-handle::after {
  display: none;
}
@media (min-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest-slider
    .noUi-handle {
    top: -8px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .noUi-target {
  background: #f4f4f4;
  border: unset;
  border-radius: 30px;
}
@media (min-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest-slider
    .noUi-target {
    height: 16px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .irs-from,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .irs-to,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .irs-min,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .irs-max,
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest-slider
  .irs-single {
  display: none;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest {
  width: 100%;
  max-width: 814px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest {
    padding-left: 60px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row-reverse;
    gap: 22px;
  }
}
@media (max-width: 768px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest {
    padding-left: 22px;
    gap: 18px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 18px;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest
    .range-quest-buttons {
    grid-template-columns: 1fr;
    grid-gap: 48px;
    max-width: 308px;
    margin: 0;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button {
  width: 100%;
  padding: 12px 8px;
  border-radius: 11px;
  background: #2a2a2a;
  box-shadow: 0px 7.269px 30.046px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button
  .title {
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: block;
  transition: all 0.5s;
  margin-bottom: 4px;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button
  .description {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  transition: all 0.5s;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button.active {
  background: #f8d0d0;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button.active
  .title {
  color: #2a2a2a;
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .range-quest
  .range-quest-buttons
  button.active
  .description {
  color: #2a2a2a;
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest
    .range-quest-slider {
    width: 16px;
    height: auto;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest
    .range-quest-slider
    .noui-single {
    width: 16px;
    height: 100%;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .range-quest
    .range-quest-slider
    .noUi-vertical
    .noUi-handle {
    right: -8px;
  }
}
.question-block .container .question-inner .question-content .question-etaps .question-item .question-item-quest .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 18px 54px;
}
@media (max-height: 800px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid {
    grid-gap: 8px 54px;
  }
}
@media (max-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid {
    grid-gap: 12px;
  }
}
@media (max-width: 768px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    height: calc(100dvh - 270px);
    overflow: auto;
    gap: 12px;
  }
}
.question-block
  .container
  .question-inner
  .question-content
  .question-etaps
  .question-item
  .question-item-quest
  .grid
  .quest-checkbox {
  margin-bottom: 0;
  max-width: 100%;
}
@media (max-width: 768px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(1) {
    order: 1;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(2) {
    order: 5;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(3) {
    order: 2;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(4) {
    order: 6;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(5) {
    order: 3;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(6) {
    order: 7;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-etaps
    .question-item
    .question-item-quest
    .grid
    .quest-checkbox:nth-child(7) {
    order: 4;
  }
}
.question-block .container .question-inner .question-content .question-swiper-navigation {
  width: 100%;
  border-radius: 34px 34px 0px 0px;
  background: #ebebeb;
  padding: 42px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1024px) {
  .question-block .container .question-inner .question-content .question-swiper-navigation {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .question-block .container .question-inner .question-content .question-swiper-navigation {
    position: sticky;
    bottom: 0px;
    z-index: 20;
    padding: 16px;
  }
}
.question-block .container .question-inner .question-content .question-swiper-navigation .button {
  width: 100%;
  max-width: 296px;
}
@media (max-width: 1024px) {
  .question-block .container .question-inner .question-content .question-swiper-navigation .button {
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  .question-block .container .question-inner .question-content .question-swiper-navigation .button {
    height: 40px;
    font-size: 14px;
    border-radius: 12px;
  }
  .question-block .container .question-inner .question-content .question-swiper-navigation .button svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1024px) {
  .question-block
    .container
    .question-inner
    .question-content
    .question-swiper-navigation
    .button.button-dark-grey:hover,
  .question-block .container .question-inner .question-content .question-swiper-navigation .button.button-pink:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
  }
  .question-block
    .container
    .question-inner
    .question-content
    .question-swiper-navigation
    .button.button-dark-grey:hover
    svg
    path,
  .question-block
    .container
    .question-inner
    .question-content
    .question-swiper-navigation
    .button.button-pink:hover
    svg
    path {
    fill: #fff !important;
  }
}

.two-step-range {
  width: 100%;
}
@media (max-width: 1024px) {
  .two-step-range {
    padding: 0 16px;
  }
}
.two-step-range .otuputs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
.two-step-range .otuputs .range-output {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #343434;
  background: var(--Secondary, #fff);
  max-width: 88px;
  height: 44px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
}
.two-step-range .otuputs .range-output input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: #000;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  appearance: none;
}
.two-step-range .otuputs .range-output input::-webkit-outer-spin-button,
.two-step-range .otuputs .range-output input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.two-step-range .otuputs .range-output span {
  color: #000;
  font-family: Onest;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.range-quest-slider {
  width: 100%;
}
.range-quest-slider .noUi-connect {
  border-radius: 30px;
  background: #f8d0d0;
  border: unset;
}
.range-quest-slider .noUi-handle {
  width: 32px;
  height: 32px;
  background-color: #fff;
  border: 8px solid #c69e9e;
  border-radius: 50%;
}
.range-quest-slider .noUi-handle stroke {
  background-color: #2a2a2a;
}
.range-quest-slider .noUi-handle::before,
.range-quest-slider .noUi-handle::after {
  display: none;
}
@media (min-width: 1024px) {
  .range-quest-slider .noUi-handle {
    top: -8px;
  }
}
.range-quest-slider .noUi-target {
  background: #f4f4f4;
  border: unset;
  border-radius: 30px;
}
@media (min-width: 1024px) {
  .range-quest-slider .noUi-target {
    height: 16px;
  }
}
.range-quest-slider .irs-from,
.range-quest-slider .irs-to,
.range-quest-slider .irs-min,
.range-quest-slider .irs-max,
.range-quest-slider .irs-single {
  display: none;
}

.range-quest {
  width: 100%;
  max-width: 814px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .range-quest {
    padding-left: 60px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-direction: row-reverse;
    gap: 22px;
  }
}
@media (max-width: 768px) {
  .range-quest {
    padding-left: 22px;
    gap: 18px;
  }
}
.range-quest .range-quest-buttons {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 18px;
  margin-bottom: 22px;
}
@media (max-width: 1024px) {
  .range-quest .range-quest-buttons {
    grid-template-columns: 1fr;
    grid-gap: 48px;
    max-width: 308px;
    margin: 0;
  }
}
.range-quest .range-quest-buttons button {
  width: 100%;
  padding: 12px 8px;
  border-radius: 11px;
  background: #2a2a2a;
  box-shadow: 0px 7.269px 30.046px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
.range-quest .range-quest-buttons button .title {
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: block;
  transition: all 0.5s;
  margin-bottom: 4px;
}
.range-quest .range-quest-buttons button .description {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  transition: all 0.5s;
}
.range-quest .range-quest-buttons button.active {
  background: #f8d0d0;
}
.range-quest .range-quest-buttons button.active .title {
  color: #2a2a2a;
}
.range-quest .range-quest-buttons button.active .description {
  color: #2a2a2a;
}
@media (max-width: 1024px) {
  .range-quest .range-quest-slider {
    width: 16px;
    height: auto;
  }
  .range-quest .range-quest-slider .noui-single {
    width: 16px;
    height: 100%;
  }
  .range-quest .range-quest-slider .noUi-vertical .noUi-handle {
    right: -8px;
  }
}

.matching {
  width: 100%;
  height: 100dvh;
  padding: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .matching {
    padding: 0;
    display: block;
  }
}
.matching .more {
  color: #b38b8b;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.026px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  position: relative;
  max-width: max-content;
}
.matching .more::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: #b38b8b;
  transition: all 0.5s;
}
.matching .more:hover::before {
  width: 80%;
}
.matching .chat-btn {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: #59adee;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  cursor: pointer;
}
.matching .chat-btn svg path {
  transition: all 0.5s;
  fill: #fff !important;
}
.matching .chat-btn.button-placeholder {
  position: fixed;
  display: flex;
}
@media (max-width: 1024px) {
  .matching .chat-btn.button-placeholder {
    width: 56px;
    height: 56px;
    display: flex;
  }
}
.matching .chat-btn.button-placeholder svg path {
  fill: #fff !important;
}
.matching .chat-btn:hover {
  background-color: #000;
}
.matching .chat-btn:hover svg path {
  fill: #f9d1d1 !important;
}
.matching .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.59);
}
@media (max-width: 1024px) {
  .matching .overlay {
    display: none;
  }
}
.matching .education {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  padding: 0 16px;
}
.matching .education .button {
  max-width: 112px;
  height: 32px;
  font-size: 10px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.matching .education .button svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 1024px) {
  .matching .education .button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: transparent;
    background: #fff;
    border-radius: 50%;
    padding-right: 6px;
    filter: drop-shadow(2px 3px 11.4px rgba(0, 0, 0, 0.08));
  }
  .matching .education .button svg {
    min-width: 24px;
  }
  .matching .education .button svg path {
    fill: #f9d1d1 !important;
  }
}
.matching .education .button.button-placeholder {
  position: fixed;
  display: flex;
  width: 168px;
  max-width: 168px;
  height: 44px;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .matching .education .button.button-placeholder {
    width: 56px;
    height: 56px;
    padding-right: 14px;
    display: flex;
  }
}
.matching .education .button.button-placeholder svg {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.matching .education .education-inner {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.matching .education .education-item {
  position: absolute;
  z-index: 20;
  display: none;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 5.423px 22.415px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9.5500001907px);
  width: 380px;
  height: 70px;
}
@media (max-width: 1024px) {
  .matching .education .education-item {
    width: 260px;
    padding: 10px;
    gap: 10px;
  }
}
@media (max-width: 520px) {
  .matching .education .education-item {
    width: 200px;
    padding: 10px;
    gap: 10px;
  }
}
.matching .education .education-item::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: -8px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/tail.svg");
  width: 34px;
  height: 30px;
  z-index: 0;
}
.matching .education .education-item .text {
  color: #000;
  font-family: Inter;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.026px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1024px) {
  .matching .education .education-item .text {
    font-size: 14px;
  }
}
@media (max-width: 520px) {
  .matching .education .education-item .text {
    font-size: 12px;
  }
}
.matching .education .education-item .arrow-icon {
  position: absolute;
}
.matching .education .education-item.desktop.active {
  display: flex;
}
@media (max-width: 1024px) {
  .matching .education .education-item.desktop {
    display: none !important;
  }
}
.matching .education .education-item.desktop[data-index="1"] {
  bottom: 120px;
  right: 10%;
}
.matching .education .education-item.desktop[data-index="1"] .arrow-icon {
  right: -30px;
  top: 34px;
  transform: rotate(10deg);
}
.matching .education .education-item.desktop[data-index="2"] {
  bottom: 160px;
  right: 6%;
}
.matching .education .education-item.desktop[data-index="2"] .arrow-icon {
  left: -42px;
  top: 54px;
}
.matching .education .education-item.desktop[data-index="2"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.desktop[data-index="3"] {
  bottom: 120px;
  right: 10%;
}
.matching .education .education-item.desktop[data-index="3"] .arrow-icon {
  right: -58px;
  top: 34px;
}
.matching .education .education-item.desktop[data-index="4"] {
  top: 326px;
  right: 4%;
}
.matching .education .education-item.desktop[data-index="4"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.desktop[data-index="4"] .arrow-icon {
  left: -58px;
  top: -48px;
}
.matching .education .education-item.desktop[data-index="5"] {
  top: 112px;
  right: 0;
  padding: 0;
  align-items: center;
}
.matching .education .education-item.desktop[data-index="5"] .text {
  width: 350px;
  text-align: center;
}
.matching .education .education-item.desktop[data-index="5"] .arrow-icon {
  left: 92px;
  top: -76px;
  transform: rotate(10deg);
}
.matching .education .education-item.desktop[data-index="6"] {
  top: 50%;
  right: 2%;
  width: 276px;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
}
.matching .education .education-item.desktop[data-index="6"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.desktop[data-index="6"] .text {
  text-align: center;
}
.matching .education .education-item.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .matching .education .education-item.mobile.active {
    display: flex;
  }
}
.matching .education .education-item.mobile[data-index="1"] {
  top: 100px;
  right: 0;
  padding: 0;
  align-items: flex-end;
}
.matching .education .education-item.mobile[data-index="1"] .text {
  width: 160px;
}
.matching .education .education-item.mobile[data-index="1"] .arrow-icon {
  right: -30px;
  top: 34px;
  transform: rotate(10deg);
}
.matching .education .education-item.mobile[data-index="2"] {
  bottom: 114px;
  left: 36%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="2"] {
    left: 30%;
  }
}
@media (max-width: 520px) {
  .matching .education .education-item.mobile[data-index="2"] {
    width: 190px;
  }
}
.matching .education .education-item.mobile[data-index="2"] .arrow-icon {
  right: -62px;
  top: 44px;
  transform: rotate(10deg);
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="2"] .arrow-icon {
    transform: rotate(20deg);
  }
}
.matching .education .education-item.mobile[data-index="3"] {
  left: 0;
  top: 100px;
}
.matching .education .education-item.mobile[data-index="3"] .arrow-icon {
  right: -58px;
  top: 34px;
}
.matching .education .education-item.mobile[data-index="4"] {
  bottom: 116px;
  width: 240px;
  left: 64%;
  transform: translateX(-38%);
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="4"] {
    left: 60%;
  }
}
@media (max-width: 520px) {
  .matching .education .education-item.mobile[data-index="4"] {
    width: 190px;
  }
}
.matching .education .education-item.mobile[data-index="4"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.mobile[data-index="4"] .arrow-icon {
  left: -98px;
  top: 24px;
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="4"] .arrow-icon {
    width: 30px;
    overflow: hidden;
    left: -40px;
  }
  .matching .education .education-item.mobile[data-index="4"] .arrow-icon svg {
    min-width: 114px;
  }
}
.matching .education .education-item.mobile[data-index="5"] {
  top: 200px;
  right: 0;
  padding: 0;
  align-items: center;
  width: 100%;
}
.matching .education .education-item.mobile[data-index="5"] .text {
  width: 374px;
  padding: 0 12px;
  text-align: center;
}
@media (max-width: 520px) {
  .matching .education .education-item.mobile[data-index="5"] .text {
    width: 300px;
  }
}
.matching .education .education-item.mobile[data-index="5"] .arrow-icon {
  right: -30px;
  top: 34px;
  transform: rotate(10deg);
}
.matching .education .education-item.mobile[data-index="6"] {
  bottom: 154px;
  left: 36%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="6"] {
    left: 30%;
  }
}
.matching .education .education-item.mobile[data-index="6"] .arrow-icon {
  right: -42px;
  top: 84px;
  transform: rotate(40deg);
}
@media (max-width: 768px) {
  .matching .education .education-item.mobile[data-index="6"] .arrow-icon {
    transform: rotate(50deg);
    right: -20px;
  }
}
.matching .education .education-item.mobile[data-index="7"] {
  left: 4px;
  bottom: 270px;
}
.matching .education .education-item.mobile[data-index="7"] .arrow-icon {
  right: -40px;
  top: 70px;
  transform: rotate(-80deg);
}
@media (max-width: 520px) {
  .matching .education .education-item.mobile[data-index="7"] {
    bottom: 310px;
  }
  .matching .education .education-item.mobile[data-index="7"] .arrow-icon {
    right: -4px;
    top: 70px;
    transform: rotate(-12deg);
  }
}
.matching .education .education-item.mobile[data-index="8"] {
  top: 116px;
  right: 0;
  width: 240px;
}
.matching .education .education-item.mobile[data-index="8"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.mobile[data-index="8"] .arrow-icon {
  left: 0;
  bottom: 80px;
}
.matching .education .education-item.mobile[data-index="9"] {
  top: 50%;
  right: 2%;
  width: 276px;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px;
}
.matching .education .education-item.mobile[data-index="9"]::before {
  transform: rotateY(170deg);
  left: unset;
  right: -8px;
}
.matching .education .education-item.mobile[data-index="9"] .text {
  text-align: center;
}
.matching .education .education-item.swipe {
  background-color: unset;
  box-shadow: unset;
  backdrop-filter: unset;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.matching .education .education-item.swipe .icon {
  position: absolute;
  top: 0;
}
@media (max-width: 1024px) {
  .matching .education .education-item.swipe .text {
    font-size: 16px;
  }
}
@media (max-width: 520px) {
  .matching .education .education-item.swipe .text {
    font-size: 16px;
  }
}
.matching .education .education-item.swipe.education-item-like .icon {
  left: 0;
  animation: like-animation 3s infinite;
}
.matching .education .education-item.swipe.education-item-nope .icon {
  left: 0;
  animation: nope-animation 3s infinite;
}
.matching .education .education-item.swipe.education-item-chat .icon {
  top: 0;
  animation: chat-animation 2s infinite;
}
.matching .education .education-item.swipe::before {
  display: none;
}
.matching .education .education-item.swipe .text {
  color: #fff;
  margin-top: 100px;
}
.matching .education .more-education-btn {
  position: fixed;
  color: #fff;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 1024px) {
  .matching .education .more-education-btn {
    left: 301px !important;
  }
}
@media (max-width: 520px) {
  .matching .education .more-education-btn {
    left: 144px !important;
  }
}
.matching .education .read-more-btn {
  color: #fff;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.026px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  position: relative;
  max-width: max-content;
  position: fixed;
  cursor: pointer;
}
.matching .education .read-more-btn svg path {
  stroke: #fff !important;
}
.matching .education .read-more-btn::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .matching .education .read-more-btn:hover::before {
    width: 100%;
  }
}
.matching .container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .matching .container {
    display: block;
  }
  .matching .container .header-menu-btn {
    background-image: url(/local/templates/pappy_pets/css/../img/icons/nav.svg);
  }
}
.matching .container .matching-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 16px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner {
    display: block;
  }
}
.matching .container .matching-inner .matching-title {
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.matching .container .matching-inner .matching-title .flex {
  gap: 16px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-title {
    border-radius: 0 0 16px 16px;
    padding: 26px 18px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: unset;
    z-index: 30;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .matching .container .matching-inner .matching-title {
    padding: 16px 16px;
  }
}
.matching .container .matching-inner .matching-title .logo {
  max-width: 162px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-title .logo {
    max-width: 132px;
  }
}
.matching .container .matching-inner .matching-title .logo img {
  width: 100%;
}
.matching .container .matching-inner .matching-title .logo img.white-logo {
  display: none;
}
.matching .container .matching-inner .matching-title .logo img.black-logo {
  display: block;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-title .logo img.white-logo {
    display: block;
  }
  .matching .container .matching-inner .matching-title .logo img.black-logo {
    display: none;
  }
}
.matching .container .matching-inner .matching-title .button {
  max-width: 192px;
  position: relative;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-title .button {
    width: 142px;
    height: 30px;
    font-size: 16px;
    color: #000;
    background-color: #fff;
    border-radius: 8px;
    border: unset;
  }
}
.matching .container .matching-inner .matching-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 16px 34px 16px 16px;
  border-radius: 16px;
  background: #fff;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content {
    padding: 0;
    background: unset;
    overflow: hidden;
    border-radius: 0;
    position: relative;
  }
}
.matching .container .matching-inner .matching-content .chat {
  display: none;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .chat {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 0;
  }
}
.matching .container .matching-inner .matching-content .matching-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  gap: 64px;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item {
    width: 100%;
    height: 100dvh;
    position: relative;
    gap: 0;
    align-items: flex-end;
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-img {
  width: 100%;
  max-width: 664px;
  height: 100%;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: unset;
  }
  .matching .container .matching-inner .matching-content .matching-item .matching-item-img::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-img img {
    position: relative;
    z-index: 1;
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-info {
  width: 100%;
  max-width: 420px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-info {
    position: relative;
    z-index: 3;
    height: unset;
    padding: 22px 12px;
    max-width: unset;
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-top {
  width: 100%;
}
@media (max-width: 520px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-top {
    max-width: 348px;
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-top h4 {
  color: #000;
  font-family: "Peace Sans";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.026px;
  margin-bottom: 4px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-top h4 {
    color: #fff;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-top
  .description {
  color: #000;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-bottom: 6px;
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-top
  .description
  .more-btn {
  text-decoration: underline;
  display: none;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .description {
    font-size: 16px;
    margin-bottom: 14px;
    color: #fff;
    max-width: 328px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .description
    .more-btn {
    display: inline-block;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-top
  .matching-item-characteristics {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics {
    margin-bottom: 20px;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-top
  .matching-item-characteristics
  span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 24px;
  border-radius: 8px;
  background: #f4f4f4;
  color: #000;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.026px;
  min-height: 36px;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics
    span {
    padding: 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    min-height: 32px;
    color: #fff;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics
    span
    svg {
    width: 22px;
    height: 22px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics
    span
    svg
    path {
    fill: #fff !important;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics
    span.gender-icon
    svg {
    width: 22px;
    height: 22px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .matching-item-characteristics
    span.gender-icon
    svg
    path {
    fill: unset !important;
    stroke: #fff !important;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-top
  .more {
  opacity: 1 !important;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-top
    .more {
    display: none;
  }
}
.matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-bottom {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .matching-item .matching-item-info .matching-item-info-bottom {
    justify-content: center;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-bottom
  .btn-cont {
  display: block;
  position: relative;
  max-width: 168px;
  width: 100%;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .btn-cont {
    width: 56px;
    order: 1;
    height: 56px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .btn-cont:nth-child(2) {
    order: 3;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-bottom
  .btn-cont:last-child {
  max-width: 44px;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .btn-cont:last-child {
    max-width: 56px;
    order: 2;
  }
}
.matching
  .container
  .matching-inner
  .matching-content
  .matching-item
  .matching-item-info
  .matching-item-info-bottom
  .button {
  max-width: 168px;
  position: relative;
  z-index: 30;
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: transparent;
    overflow: hidden;
    order: 1;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .button
    svg {
    min-width: 24px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .button
    svg
    path {
    fill: #f9d1d1 !important;
  }
}
@media (max-width: 1024px) {
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .chat-btn {
    width: 56px;
    height: 56px;
  }
  .matching
    .container
    .matching-inner
    .matching-content
    .matching-item
    .matching-item-info
    .matching-item-info-bottom
    .chat-btn
    svg
    path {
    fill: #fff !important;
  }
}
.matching .container .matching-inner .matching-content .swiper {
  width: 100%;
  position: unset;
  height: 100%;
}
@media (max-width: 1024px) {
  .matching .container .matching-inner .matching-content .swiper {
    display: none;
  }
}
.matching .container .matching-inner .matching-content .swiper .swiper-wrapper {
  position: unset;
}
.matching .container .matching-inner .matching-content .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: unset;
}
.matching .container .matching-inner .matching-content .swiper .swiper-slide .matching-item {
  height: 100%;
}
.matching .container .matching-inner .matching-content .swiper .swiper-slide .matching-item .matching-item-img {
  width: 100%;
  max-width: 664px;
  height: 100%;
  display: block;
}
.matching .container .matching-inner .matching-content .swiper .swiper-slide .matching-item .matching-item-img img {
  width: 100%;
  height: 0;
  object-fit: cover;
}
.matching .container .matching-inner .matching-content .swiper .swiper-slide .matching-item .matching-item-info {
  justify-content: space-between;
}
.matching .container .matching-inner .matching-content .cards {
  width: 100%;
  height: 100dvh;
  position: relative;
  transition: all 0.5s;
  top: 0;
}
.matching .container .matching-inner .matching-content .cards .card-item {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.matching .container .matching-inner .matching-content .cards .card-item .matching-item .matching-item-img {
  border-radius: 0;
}
.matching .container .matching-inner .matching-content .cards .card-item .matching-item .matching-item-img img {
  border-radius: 0;
}
.matching .card-item {
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
}
.matching .gone-left {
  transform: translateX(-200%) rotate(-20deg);
}
.matching .gone-right {
  transform: translateX(200%) rotate(20deg);
}
.matching .reset-state {
  transition: transform 0.3s ease;
}
.matching .card-item {
  transition: transform 0.1s ease !important;
  will-change: transform;
}
.matching .gone-left,
.matching .gone-right {
  transition: transform 0.1s ease !important;
}
.matching .card-item {
  position: relative;
  overflow: hidden;
  transition: all 1s !important;
  will-change: transform;
  z-index: 10;
}
.matching .card-item.no-transition {
  transition: all 0s !important;
}
.matching .card-item.educationed-like .card-gradient {
  background: linear-gradient(192deg, #0b8700 0%, rgba(21, 255, 0, 0) 89.29%);
  opacity: 1;
}
.matching .card-item.educationed-nope .card-gradient {
  background: linear-gradient(192deg, #d80000 0%, rgba(216, 0, 0, 0) 89.29%);
  opacity: 1;
}
.matching .card-item.reset-state {
  transition: all 1s;
  transform: translate(0, 0) rotate(0deg);
}
.matching .card-gradient {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  z-index: 2;
  border-radius: 0;
}
.matching .card-gradient.like {
  background: linear-gradient(192deg, #0b8700 0%, rgba(21, 255, 0, 0) 89.29%);
}
.matching .card-gradient.nope {
  background: linear-gradient(192deg, #d80000 0%, rgba(216, 0, 0, 0) 89.29%);
}
.matching .mattching-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .matching .mattching-mobile {
    display: block;
  }
}

@keyframes like-animation {
  0% {
    left: 0;
    opacity: 0;
  }
  100% {
    left: calc(100% - 100px);
    opacity: 1;
  }
}
@keyframes nope-animation {
  0% {
    left: calc(100% - 100px);
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 0;
  }
}
@keyframes chat-animation {
  0% {
    top: 0;
    opacity: 0;
  }
  100% {
    top: calc(100% - 100px);
    opacity: 1;
  }
}
.chat {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  padding: 16px 16px 0;
}
.chat .chat-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  height: calc(100dvh - 16px);
  gap: 16px;
}
.chat .chat-inner .chat-menu {
  max-width: 376px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .chat .chat-inner .chat-menu {
    display: none;
  }
}
.chat .chat-inner .chat-menu .messages-inner .messages-content .messages-box .messages-list .messages-tab-item {
  height: calc(100dvh - 168px);
}
.chat .chat-inner .chat-menu .messages-inner .messages-content-inchat .messages-item {
  align-items: stretch;
}
.chat .chat-inner .chat-menu .messages-inner .messages-content-inchat .messages-item .messages-item-img {
  max-width: 64px;
  min-width: 64px;
}
.chat .chat-inner .chat-menu .messages-inner .messages-content-inchat .messages-item .messages-item-img .icon,
.chat .chat-inner .chat-menu .messages-inner .messages-content-inchat .messages-item .messages-item-img img {
  object-fit: cover;
  height: 100%;
}
.chat
  .chat-inner
  .chat-menu
  .messages-inner
  .messages-content-inchat
  .messages-item
  .messages-item-info
  .messages-item-text
  h4 {
  font-size: 14px;
}
.chat
  .chat-inner
  .chat-menu
  .messages-inner
  .messages-content-inchat
  .messages-item
  .messages-item-info
  .messages-item-text
  .subtitle {
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}
.chat
  .chat-inner
  .chat-menu
  .messages-inner
  .messages-content-inchat
  .messages-item
  .messages-item-info
  .messages-item-text
  .flex {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.chat
  .chat-inner
  .chat-menu
  .messages-inner
  .messages-content-inchat
  .messages-item
  .messages-item-info
  .messages-item-text
  .flex
  .description {
  max-width: 176px;
  overflow: hidden;
  font-size: 12px;
  height: 34px;
}
.chat .chat-inner .chat-right {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.chat .chat-header {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat .chat-header .flex {
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.chat .chat-header .flex .back {
  width: 34px;
  height: 34px;
  display: none;
}
@media (max-width: 1024px) {
  .chat .chat-header .flex .back {
    display: block;
  }
}
.chat .chat-header .flex .chat-user {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.chat .chat-header .flex .chat-user .img {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.chat .chat-header .flex .chat-user .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat .chat-header .flex .chat-user .text {
  width: 100%;
}
.chat .chat-header .flex .chat-user .text h4 a {
  color: #2f1f1b;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.14px;
}
.chat .chat-header .flex .chat-user .text span {
  color: #636366;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.12px;
}
.chat .chat-header .more-chat-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 4px;
}
.chat .chat-header .more-chat-btn .icon {
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.08);
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.chat .chat-header .more-chat-btn button {
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 2px 5px 33.5px 0px rgba(0, 0, 0, 0.13);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  cursor: pointer;
}
.chat .chat-header .more-chat-btn button::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 30px;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .chat .chat-header .more-chat-btn button:hover::before {
    width: calc(100% - 42px);
  }
}
.chat .chat-header .more-chat-btn:hover button {
  display: flex;
}
.chat .chat-box {
  width: 100%;
  flex: 1 1 auto;
  height: auto;
  overflow: auto;
  background: #f5f5f5;
  padding: 12px;
}
.chat .chat-box .chat-day {
  width: 100%;
}
.chat .chat-box .chat-day .day-info {
  color: rgba(47, 31, 27, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.7px;
  display: block;
  margin-bottom: 12px;
}
.chat .chat-box .chat-day .chat-item {
  width: 100%;
  margin-bottom: 12px;
}
.chat .chat-box .chat-day .chat-item .button {
  height: 36px;
}
.chat .chat-box .chat-day .chat-item .flex {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.chat .chat-box .chat-day .chat-item:last-child {
  margin-bottom: 0;
}
.chat .chat-box .chat-day .chat-item.to .flex {
  justify-content: flex-end;
}
.chat .chat-box .chat-day .chat-item.to .chat-item-body {
  border: 1px solid rgba(132, 204, 239, 0.5);
  background: #def1fa;
}
.chat .chat-box .chat-day .chat-item .chat-item-body {
  width: 100%;
  max-width: 264px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(47, 31, 27, 0.08);
  background: #fff;
}
.chat .chat-box .chat-day .chat-item .chat-item-body p {
  color: #2f1f1b;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.7px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .time {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
  color: rgba(47, 31, 27, 0.5);
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.7px;
  margin-top: -2px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .title {
  color: #323232;
  font-family: inter;
  font-size: 14.121px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.706px;
  display: block;
  margin-bottom: 2px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .description {
  color: #323232;
  font-family: inter;
  font-size: 10.087px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.706px;
  margin-bottom: 14px;
  display: block;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item {
  width: 60px;
  height: 60px;
  border-radius: 5.902px;
  border: 0.843px solid #eee;
  background: #fff;
  box-shadow: 4.035px 1.009px 4.035px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(1),
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(5) {
  transform: scale(0.6);
  z-index: 1;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(2),
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(4) {
  transform: scale(0.8);
  z-index: 2;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(2) {
  margin-right: -10px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(4) {
  margin-left: -10px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(1) {
  margin-right: -30px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(5) {
  margin-left: -30px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item:nth-child(3) {
  z-index: 3;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item img {
  width: 50px;
  height: 44px;
  object-fit: contain;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .products .chat-product-item .product-title {
  color: #323232;
  font-family: inter;
  font-size: 6.746px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.59px;
}
.chat .chat-box .chat-day .chat-item .chat-item-body .total-price {
  color: #323232;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
  text-align: right;
}
.chat .chat-box .chat-day .chat-item .chat-item-buttons {
  width: 100%;
  max-width: 264px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}
.chat .chat-box .chat-day .chat-item.notification-chat .chat-item-body {
  border: 1px solid rgba(132, 204, 239, 0.5);
  background: var(---, #ffe7ed);
}
.chat .chat-box .chat-day .chat-item.add-more-chat .chat-item-body {
  border: 1px solid rgba(254, 190, 206, 0.5);
  background: var(---, #ffe7ed);
}
.chat .chat-box .chat-day .chat-item.add-more-chat .skip-btn {
  width: 100%;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: #000;
  font-family: inter;
  font-size: 14.121px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.139px;
  letter-spacing: -0.282px;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .chat .chat-box .chat-day .chat-item.add-more-chat .skip-btn:hover {
    background: #000;
    color: #f5f5f5;
  }
}
.chat .chat-bottom {
  width: 100%;
  padding: 8px 12px 34px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1024px) {
  .chat .chat-bottom {
    padding: 8px 12px;
  }
}
.chat .chat-bottom .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.chat .chat-bottom .flex.offer-step {
  display: none;
}
.chat .chat-bottom .attach-btn {
  width: 24px;
  min-width: 24px;
}
.chat .chat-bottom .input-text {
  width: 100%;
}
.chat .chat-bottom .input-text .input {
  height: 40px;
  border-radius: 16px;
  padding: 0 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.chat .chat-bottom .send-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #000;
}
.chat .attached-files-modal {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 32px 12px 40px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  display: none;
}
.chat .attached-files-modal.visible {
  display: block;
}
.chat .attached-files-modal .close-btn {
  width: 32px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
}
.chat .attached-files-modal .input-chat-file {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 10px;
  margin-bottom: 32px;
}
.chat .attached-files-modal .input-chat-file:last-child {
  margin-bottom: 0;
}
.chat .attached-files-modal .input-chat-file input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.chat .attached-files-modal .input-chat-file .text {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}

.messages {
  width: 100%;
  padding: 16px;
  height: 100dvh;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .messages {
    padding: 0 12px 16px;
  }
}
.messages .container {
  height: 100%;
  max-width: 1200px;
}

.messages-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  flex: 1 1 auto;
}
.messages-inner .messages-header {
  width: 100%;
  padding: 16px 12px;
  border-radius: 16px;
  background: #fff;
}
@media (max-width: 1024px) {
  .messages-inner .messages-header {
    padding: 8px;
    border-radius: 0px 0px 16px 16px;
  }
}
.messages-inner .messages-header h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .messages-inner .messages-header h1 {
    font-size: 16px;
  }
}
.messages-inner .messages-header .flex {
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  position: relative;
}
.messages-inner .messages-header .flex::after {
  content: "";
  position: relative;
  width: 34px;
}
.messages-inner .messages-header .input-text .input {
  border-radius: 20px;
  background: #f5f5f5;
  height: 38px;
  border: unset;
}
.messages-inner .messages-support {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.messages-inner .messages-support .messages-item .messages-item-img {
  max-width: 64px;
  width: 64px;
  min-width: 64px;
}
.messages-inner .messages-content {
  flex: 1 1 auto;
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.messages-inner .messages-content .messages-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
}
.messages-inner .messages-content .messages-box .messages-tabs {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.messages-inner .messages-content .messages-box .messages-tabs .messages-tab-btn {
  padding: 8px 12px;
  border-radius: 83px;
  background: #f5f5f5;
  border: 1px solid transparent;
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
}
.messages-inner .messages-content .messages-box .messages-tabs .messages-tab-btn.active {
  border-color: #5c4033;
}
.messages-inner .messages-content .messages-box .messages-list {
  flex: 1 1 auto;
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: calc(100dvh - 346px);
}
@media (max-width: 1024px) {
  .messages-inner .messages-content .messages-box .messages-list .messages-tab-item {
    height: calc(100dvh - 196px);
  }
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item::-webkit-scrollbar {
  display: none;
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item:nth-child(1) {
  display: block;
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item .messages-item {
  margin-bottom: 12px;
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item .messages-item.messages-item-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .messages-inner
    .messages-content
    .messages-box
    .messages-list
    .messages-tab-item
    .messages-item.messages-item-mobile {
    display: flex;
  }
}
.messages-inner
  .messages-content
  .messages-box
  .messages-list
  .messages-tab-item
  .messages-item.messages-item-mobile
  .messages-item-img {
  max-width: 64px;
  width: 64px;
  min-width: 64px;
}
.messages-inner
  .messages-content
  .messages-box
  .messages-list
  .messages-tab-item
  .messages-item.messages-item-support
  .messages-item-img
  .icon {
  background-color: #febece;
}
.messages-inner
  .messages-content
  .messages-box
  .messages-list
  .messages-tab-item
  .messages-item.messages-item-notification
  .messages-item-img
  .icon {
  background-color: #fb874c;
}
.messages-inner .messages-content .messages-box .messages-list .messages-tab-item .messages-item:last-child {
  margin-bottom: 0;
}

.payment-modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  height: 100dvh;
  display: none;
}
.payment-modal.visible {
  display: block;
}
.payment-modal .payment-modal-inner {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ebebeb;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 640px;
  padding: 0px;
  overflow-y: auto;
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .payment-modal .payment-modal-inner {
    left: 0;
    bottom: 0;
    height: 95dvh;
    border-radius: 16px 16px 0 0;
    max-height: unset;
    max-width: unset;
    padding: 0;
    transform: unset;
    top: unset;
  }
}
.payment-modal .payment-modal-inner .payment-modal-header {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
.payment-modal .payment-modal-inner .payment-modal-header .close-btn {
  position: absolute;
  right: 16px;
  top: 2px;
  background: unset;
}
@media (max-width: 1024px) {
  .payment-modal .payment-modal-inner .payment-modal-header .close-btn {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 32px;
    height: 4px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }
  .payment-modal .payment-modal-inner .payment-modal-header .close-btn svg {
    display: none;
  }
}
.payment-modal .payment-modal-inner .payment-modal-header .payment-modal-title {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
.payment-modal .payment-modal-inner .payment-modal-body {
  flex: 1 1 auto;
}
.payment-modal .payment-modal-inner .payment-modal-body .checkout {
  padding: 0;
}
.payment-modal .payment-modal-inner .payment-modal-body .checkout .checkout-content .checkout-product {
  padding: 12px;
}
.payment-modal .payment-modal-inner .product-item {
  padding: 0;
  box-shadow: unset !important;
  background-color: #f8f8f8;
}
.payment-modal .payment-modal-inner .product-item .product-item-img {
  max-width: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
.payment-modal .payment-modal-inner .product-item .product-item-img img {
  height: 80px;
  background: unset;
  border-radius: 8px;
}
.payment-modal .payment-modal-inner .product-item .product-item-img .sale-title,
.payment-modal .payment-modal-inner .product-item .product-item-img .sale-percent {
  position: absolute;
  left: -32px;
  top: 10px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: #59adee;
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.371px;
  transform: rotate(-45deg);
  width: 100px;
}
.payment-modal .payment-modal-inner .product-item .product-item-img .sale-percent {
  left: unset;
  right: -32px;
  top: unset;
  bottom: 10px;
}
.payment-modal .payment-modal-inner .product-item .product-item-info .product-item-info-title {
  margin-bottom: 6px;
}
.payment-modal .payment-modal-inner .product-item .product-item-info .product-item-info-title h4 {
  margin: 0;
}
.payment-modal .payment-modal-inner .product-item .product-item-info .product-item-info-title h4 a {
  font-size: 16px;
}
.payment-modal .payment-modal-inner .product-item .product-item-info .product-item-char {
  max-width: 182px;
  gap: 2px;
}
.payment-modal .payment-modal-inner .product-item .product-item-info .product-item-char span {
  font-size: 12px;
}
.payment-modal .payment-modal-inner .product-item .sale-price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 20px;
  min-width: max-content;
}
.payment-modal .payment-modal-inner .product-item .sale-price .old-price .title {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 2px;
}
.payment-modal .payment-modal-inner .product-item .sale-price .old-price .price {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  display: block;
  margin: 0;
  text-align: right;
}
.payment-modal .payment-modal-inner .product-item .sale-price .sale-price {
  gap: 0;
}
.payment-modal .payment-modal-inner .product-item .sale-price .sale-price .title {
  color: #000;
  text-align: right;
  font-family: " Inter";
  font-size: 8px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  display: block;
  margin: 2px;
}
.payment-modal .payment-modal-inner .product-item .sale-price .sale-price .price {
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.5px;
}
.payment-modal .payment-modal-inner .payment-total {
  width: 100%;
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.payment-modal .payment-modal-inner .payment-total .text .title {
  color: #000;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.payment-modal .payment-modal-inner .payment-total .text .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
}
.payment-modal .payment-modal-inner .payment-total .total-price {
  color: #000;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.payment-modal .payment-modal-inner .payment-modal-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .payment-modal .payment-modal-inner .payment-modal-footer {
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    padding: 12px;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.personal-room-user {
  width: 100%;
  padding: 16px;
  position: relative;
  border-radius: 16px;
  background: #fff;
}
.personal-room-user .personal-room-banner {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: url(/local/templates/pappy_pets/css/<path-to-image>) lightgray 0px -340.597px/100% 355.495% no-repeat;
  position: relative;
  overflow: hidden;
}
.personal-room-user .personal-room-banner img {
  width: 100%;
  height: 232px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .personal-room-user .personal-room-banner img {
    height: 146px;
  }
}
.personal-room-user .personal-room-banner .change-img {
  position: absolute;
  right: 8px;
  top: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 16px;
  background: #fff;
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  z-index: 2;
}
.personal-room-user .personal-room-banner .change-img::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 12px;
  max-width: calc(100% - 48px);
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .personal-room-user .personal-room-banner .change-img:hover::before {
    width: 100%;
  }
}
.personal-room-user .user {
  width: 100%;
  max-width: 200px;
  margin: -48px auto 0;
  z-index: 2;
  position: relative;
}
.personal-room-user .user .user-img {
  width: 96px;
  height: 96px;
  position: relative;
  margin: 0 auto 24px;
}
.personal-room-user .user .user-img img {
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow:
    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal-room-user .user .user-img .icon {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.personal-room-user .user .user-info {
  width: 100%;
}
.personal-room-user .user .user-info .user-type {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  width: max-content;
  height: 28px;
  border-radius: 32px;
  border: 1px solid #accb4a;
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.32px;
  margin: 0 auto 14px;
}
.personal-room-user .user .user-info .user-type.orange {
  border: 1px solid #fb874c;
}
.personal-room-user .user .user-info .user-type.light-blue {
  border: 1px solid #b2d7f4;
}
.personal-room-user .user .user-info .user-name {
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.2px;
  display: block;
  margin-bottom: 4px;
}
.personal-room-user .user .user-info .user-dob {
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-bottom: 12px;
}
.personal-room-user .user .user-info .flex {
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.personal-room-user .user .user-info .flex .rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.personal-room-user .user .user-info .flex .rating .stars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.personal-room-user .user .user-info .flex .rating .stars .rating-num {
  color: var(--SystemGrey-2-636366, #636366);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.14px;
}
.personal-room-user .user .user-info .flex .reviews-col {
  color: var(--SystemGrey-2-636366, #636366);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.14px;
}
.personal-room-user .user .user-info .user-registred {
  color: #636366;
  text-align: center;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
}

.personal-room {
  width: 100%;
  min-height: 100dvh;
}
.personal-room.personal-room-settings .container {
  min-height: calc(100dvh - 16px);
}
.personal-room  {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  min-height: calc(100dvh - 32px);
}
.personal-room  .personal-room-orders {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-room  .personal-room-orders .personal-room-orders-item {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top .flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top h4 a {
  color: rgba(0, 0, 0, 0.9);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top .price {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top .date {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .personal-room-order-item-top .status {
  padding: 2px 12px;
  display: block;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  border-radius: 5px;
}
.personal-room
  .personal-room-orders
  .personal-room-orders-item
  .personal-room-order-item-top
  .status.pennding {
  background: #fb874c;
}
.personal-room
  .personal-room-orders
  .personal-room-orders-item
  .personal-room-order-item-top
  .status.success {
  background: #accb4a;
}
.personal-room  .personal-room-orders .personal-room-orders-item .images {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.personal-room  .personal-room-orders .personal-room-orders-item .images img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #f4f4f4;
  object-fit: cover;
}
.personal-room  .personal-room-order-detail {
  width: 100%;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-top {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 8px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-top .status {
  padding: 2px 12px;
  display: block;
  color: #fff;
  max-width: max-content;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  border-radius: 5px;
  margin-bottom: 16px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-top .status.pennding {
  background: #fb874c;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-top .status.success {
  background: #accb4a;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product:last-child {
  margin-bottom: 0;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #f4f4f4;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .content {
  width: 100%;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .content
  .flex {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .content
  .flex
  h4 {
  overflow: hidden;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .content
  .flex
  .price {
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  /* 100% */
  letter-spacing: -0.5px;
}
.personal-room
  .personal-room-order-detail
  .personal-room-order-detail-top
  .personal-room-order-detail-product
  .content
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 180px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-info {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 6px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-info .info-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-info .info-item .title {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.personal-room  .personal-room-order-detail .personal-room-order-detail-info .info-item .value {
  color: rgba(0, 0, 0, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.personal-room  .all-btn {
  width: 74px;
  height: 34px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 15.833px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.079px;
  transition: all 0.5s;
}
.personal-room  .all-btn svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .personal-room  .all-btn:hover {
    background-color: #000;
    color: #fff;
  }
  .personal-room  .all-btn:hover svg path {
    fill: #fff;
  }
}
.personal-room  .link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  max-width: max-content;
  position: relative;
}
.personal-room  .link::before {
  content: "";
  position: absolute;
  left: 40px;
  top: 26px;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.5s;
}
.personal-room  .link.is-description::before {
  display: none;
}
.personal-room  .link:hover::before {
  width: calc(100% - 40px);
}
.personal-room  .link:hover.link-light-gray .icon {
  background: #000;
}
.personal-room  .link:hover.link-light-gray .icon svg path {
  fill: #f5f5f5 !important;
}
.personal-room  .link:hover.link-pink .icon {
  background: transparent;
  border: 1px solid #f9d1d1;
}
.personal-room  .link:hover.link-pink .icon svg path {
  fill: #f9d1d1 !important;
}
.personal-room  .link:hover.link-orange .icon {
  background: transparent;
  border: 1px solid #fb874c;
}
.personal-room  .link:hover.link-orange .icon svg g rect {
  fill: #fb874c !important;
}
.personal-room  .link:hover.link-light-blue .icon {
  background: transparent;
  border: 1px solid #b2d7f4;
}
.personal-room  .link:hover.link-light-blue .icon svg path {
  fill: #b2d7f4 !important;
}
.personal-room  .link:hover.link-green .icon {
  background: transparent;
  border: 1px solid #accb4a;
}
.personal-room  .link:hover.link-green .icon svg path {
  fill: #accb4a !important;
}
.personal-room  .link:hover.link-light-green .icon {
  background: transparent;
  border: 1px solid #d6e6b1;
}
.personal-room  .link:hover.link-light-green .icon svg path {
  fill: #d6e6b1 !important;
}
.personal-room  .link .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.5s;
  border: 1px solid transparent;
}
.personal-room  .link .icon svg path,
.personal-room  .link .icon svg rect {
  transition: all 0.5s;
}
.personal-room  .link.link-light-gray .icon {
  background: #f5f5f5;
}
.personal-room  .link.link-pink .icon {
  background: #f9d1d1;
}
.personal-room  .link.link-orange .icon {
  background: #fb874c;
}
.personal-room  .link.link-light-blue .icon {
  background: #b2d7f4;
}
.personal-room  .link.link-green .icon {
  background: #accb4a;
}
.personal-room  .link.link-light-green .icon {
  background: #d6e6b1;
}
.personal-room  .link .text .light-text {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .help-popap {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
}
.personal-room  .help-popap .toggle-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  z-index: 10;
}
.personal-room  .help-popap ul {
  position: absolute;
  right: 0;
  z-index: 11;
  top: 40px;
  background-color: #fff;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 2px 5px 33.5px 0px rgba(0, 0, 0, 0.13);
  display: none;
  flex-direction: column;
  min-width: min-content;
  gap: 8px;
  z-index: 11;
}
.personal-room  .help-popap ul::before {
  content: "";
  position: absolute;
  right: 2px;
  top: -20px;
  border: 12px solid transparent;
  border-bottom: 12px solid #fff;
}
.personal-room  .help-popap ul li a,
.personal-room  .help-popap ul li button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: #000;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.24px;
  white-space: nowrap;
  position: relative;
}
.personal-room  .help-popap ul li a::before,
.personal-room  .help-popap ul li button::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #000;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .personal-room  .help-popap ul li a:hover::before,
  .personal-room  .help-popap ul li button:hover::before {
    width: 100%;
  }
}
.personal-room  .help-popap:hover ul {
  display: flex;
}
.personal-room  .personal-room-title {
  width: 100%;
  padding: 8px;
  position: relative;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-title .personal-room-title-left {
  max-width: 130px;
  width: 100%;
}
.personal-room  .personal-room-title .flex {
  justify-content: space-between;
  align-items: center;
}
.personal-room  .personal-room-title h1 {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-title h1 {
    font-size: 16px;
  }
}
.personal-room  .personal-room-title .message-container .message-item {
  display: none;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-title .message-container .message-item {
    width: calc(100% - 16px);
    margin-top: 0;
    position: absolute;
    left: 8px;
    top: 8px;
  }
}
.personal-room  .personal-room-title .message-container .message-item .icon {
  display: block;
  width: 28px;
  height: 28px;
}
.personal-room  .personal-room-title .message-container .message-item .message {
  color: #633b3b;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
}
.personal-room  .personal-room-title .message-container .message-item.delete-message {
  background: #eb4242;
}
.personal-room  .personal-room-title .message-container .message-item.delete-message .message {
  color: #fff;
}
.personal-room  .personal-room-title .message-container .message-item.add-wishlist-message {
  background: #f9d1d1;
}
.personal-room  .personal-room-title .personal-room-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  min-width: 48px;
}
.personal-room  .personal-room-title .personal-room-buttons .notifications {
  position: relative;
  display: block;
}
.personal-room  .personal-room-title .personal-room-buttons .notifications .notifications-number {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  background: #ff0000;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
  font-size: 10.45px;
  letter-spacing: -5%;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-title .personal-room-buttons .notifications {
    height: 30px;
    width: 30px;
    min-width: 30px;
  }
  .personal-room  .personal-room-title .personal-room-buttons .notifications .notifications-number {
    font-size: 10px;
    width: 16px;
    height: 16px;
  }
}
.personal-room  .personal-room-title .personal-room-title-tabs {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  overflow: auto;
  margin-top: 12px;
}
.personal-room  .personal-room-title .personal-room-title-tabs::-webkit-scrollbar {
  width: 0;
}
.personal-room  .personal-room-title .personal-room-title-tabs .personal-tab-btn {
  min-width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 8px 12px;
  border-radius: 28px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.28px;
  transition: all 0.5s;
}
.personal-room  .personal-room-title .personal-room-title-tabs .personal-tab-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 28px;
  border-radius: 19px;
  background: #fff;
  transition: all 0.5s;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
}
.personal-room  .personal-room-title .personal-room-title-tabs .personal-tab-btn.active {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.9);
}
.personal-room  .personal-room-title .personal-room-title-tabs .personal-tab-btn.active span {
  color: rgba(0, 0, 0, 0.9);
}
.personal-room  .personal-room-seller-ads {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px 8px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-seller-ads {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .personal-room  .personal-room-seller-ads {
    grid-template-columns: repeat(2, 1fr);
  }
}
.personal-room  .personal-room-balance {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  position: relative;
}
.personal-room  .personal-room-balance .help-popap .toggle-icon {
  background-color: #f5f5f5;
}
.personal-room  .personal-room-balance .help-popap ul {
  width: 300px;
}
.personal-room  .personal-room-balance .help-popap ul li span {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
}
.personal-room  .personal-room-balance .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 10px;
}
.personal-room  .personal-room-balance .total-balance {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  margin-bottom: 4px;
}
.personal-room  .personal-room-balance .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 12px;
}
.personal-room  .personal-room-balance .description .strong {
  color: #000;
}
.personal-room  .personal-room-balance .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.personal-room  .personal-room-balance .flex .button {
  max-width: 276px;
}
.personal-room  .personal-room-balance .flex .analytics-link {
  border-radius: 8px;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.personal-room  .personal-room-balance .flex .analytics-link svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-balance .flex .analytics-link:hover {
    background: #000;
  }
  .personal-room  .personal-room-balance .flex .analytics-link:hover svg path {
    fill: #fff !important;
  }
}
.personal-room  .personal-room-seller {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 12px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-seller {
    flex-direction: column;
  }
}
.personal-room  .personal-room-seller .personal-room-navigation,
.personal-room  .personal-room-seller .personal-room-balance {
  max-width: 50%;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-seller .personal-room-navigation,
  .personal-room  .personal-room-seller .personal-room-balance {
    max-width: 100%;
  }
}
.personal-room  .personal-room-navigation {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-navigation ul li {
  margin-bottom: 12px;
}
.personal-room  .personal-room-navigation ul li:last-child {
  margin-bottom: 0;
}
.personal-room  .personal-room-fill-profile {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-fill-profile h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 16px;
}
.personal-room  .personal-room-fill-profile .user-pets-link {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.personal-room  .personal-room-fill-profile .user-pets-link .icon {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #f5f5f5;
}
.personal-room  .personal-room-fill-profile .user-pets-link .text {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-fill-profile .user-pets-link .text .small-text {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
}
.personal-room  .personal-room-about {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-about .col {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-pets {
  width: 100%;
}
.personal-room  .personal-room-pets .flex {
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.personal-room  .personal-room-pets .flex .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-pets .personal-room-pets-list {
  width: 100%;
}
.personal-room  .personal-room-likes-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 8px;
}
@media (max-width: 768px) {
  .personal-room  .personal-room-likes-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.personal-room  .personal-room-pet {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}
.personal-room  .personal-room-pet .img {
  width: 64px;
  height: 64px;
  max-width: 64px;
}
.personal-room  .personal-room-pet .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.personal-room  .personal-room-pet .info {
  width: 100%;
}
.personal-room  .personal-room-pet .info .name {
  color: #000;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.5px;
  margin-bottom: 4px;
  display: block;
}
.personal-room  .personal-room-pet .info .description {
  color: rgba(0, 0, 0, 0.7);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.24px;
  display: block;
  margin-bottom: 8px;
}
.personal-room  .personal-room-pet .info .flex {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border: unset;
  gap: 4px;
}
.personal-room  .personal-room-pet .info .flex .character {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px 4px;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 768px) {
  .personal-room  .personal-room-pet .info .flex .character {
    font-size: 10px;
  }
}
.personal-room  .personal-room-pet .info .flex .character::after {
  content: "";
  position: relative;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.personal-room  .personal-room-pet .info .buttons {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.personal-room  .personal-room-pet .info .buttons button,
.personal-room  .personal-room-pet .info .buttons a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  background: #fff;
}
.personal-room  .personal-room-pet .info .buttons button svg path,
.personal-room  .personal-room-pet .info .buttons a svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-pet .info .buttons button.edit-btn:hover,
  .personal-room  .personal-room-pet .info .buttons a.edit-btn:hover {
    background: #fb874c;
  }
  .personal-room  .personal-room-pet .info .buttons button.edit-btn:hover svg path,
  .personal-room  .personal-room-pet .info .buttons a.edit-btn:hover svg path {
    fill: #fff !important;
  }
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-pet .info .buttons button.remove-btn:hover,
  .personal-room  .personal-room-pet .info .buttons a.remove-btn:hover {
    background: #cd2424;
  }
  .personal-room  .personal-room-pet .info .buttons button.remove-btn:hover svg path,
  .personal-room  .personal-room-pet .info .buttons a.remove-btn:hover svg path {
    fill: #fff !important;
  }
}
.personal-room  .personal-room-reviews {
  width: 100%;
}
.personal-room  .personal-room-reviews .flex {
  justify-content: space-between;
}
.personal-room  .personal-room-reviews .flex .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 12px;
}
.personal-room  .personal-room-reviews .reviews-partner {
  padding: 0;
}
.personal-room
  .personal-room-reviews
  .reviews-partner
  .reviews-partner-badges
  .flex
  .reviews-partner-badge
  .col {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.personal-room  .personal-room-reviews .button {
  max-width: 276px;
}
.personal-room  .personal-room-bottom {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-bottom .link {
  margin-bottom: 12px;
}
.personal-room  .personal-room-bottom .link:first-child {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.personal-room  .personal-room-bottom .link:last-child {
  margin-bottom: 0;
}
.personal-room  .personal-room-bottom-sticky {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.personal-room  .personal-room-user-form {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-user-form .personal-room-user-img {
  width: 100%;
  max-width: 130px;
  margin: 0 auto 16px;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file input,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar input {
  z-index: 10;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file .img,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar .img {
  width: 100%;
  max-width: 98px;
  height: 98px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f5f5f5;
  position: relative;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file .img img,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar .img img {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file .img .text,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar .img .text {
  color: #bebebe;
  text-align: center;
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.196px;
  /* 141.964% */
  letter-spacing: -0.444px;
}
.personal-room  .personal-room-user-form .personal-room-user-img .input-file .input-title,
.personal-room  .personal-room-user-form .personal-room-user-img .input-avatar .input-title {
  color: #000;
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: -0.41px;
  display: block;
  margin-top: 4px;
}
.personal-room  .personal-room-user-form .input-avatar {
  position: relative;
}
.personal-room  .personal-room-user-form .input-avatar input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.personal-room  .personal-room-user-form .input-text {
  width: 100%;
  margin-bottom: 16px;
}
.personal-room  .personal-room-user-form .question {
  padding: 0;
}
.personal-room  .personal-room-user-form .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .personal-room-user-form .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 12px;
}
.personal-room  .personal-room-user-contact {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-user-contact .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .personal-room-user-contact .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-user-contact .input-text {
  width: 100%;
  margin-top: 12px;
}
.personal-room  .personal-room-user-contact .input-text .input {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-room  .personal-room-user-contact .input-text .input .change-btn {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.personal-room  .personal-room-user-contact .verify {
  width: 100%;
  padding: 16px;
  margin-top: 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.personal-room  .personal-room-user-contact .verify .icon {
  display: block;
  margin-bottom: 16px;
}
.personal-room  .personal-room-user-contact .verify .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .personal-room-user-contact .verify .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
  display: block;
  margin-bottom: 16px;
}
.personal-room  .personal-room-user-contact .verify .button-black {
  max-width: 132px;
  border-radius: 8px;
  height: 28px;
  font-size: 12px;
}
.personal-room  .personal-room-user-address {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-user-address .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: block;
  margin-bottom: 12px;
}
.personal-room  .personal-room-user-address .address-select {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.personal-room  .personal-room-user-address .address-select .address-select-item {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
  order: 2;
}
.personal-room  .personal-room-user-address .address-select .address-select-item .input-checkbox {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  gap: 12px;
  border-radius: 12px;
  background: #f8f8f8;
}
.personal-room  .personal-room-user-address .address-select .address-select-item .input-checkbox input {
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.personal-room
  .personal-room-user-address
  .address-select
  .address-select-item
  .input-checkbox
  input:checked
  ~ .input {
  background: #accb4a;
}
.personal-room
  .personal-room-user-address
  .address-select
  .address-select-item
  .input-checkbox
  input:checked
  ~ .input
  svg {
  opacity: 1;
}
.personal-room
  .personal-room-user-address
  .address-select
  .address-select-item
  .input-checkbox
  .input-title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.personal-room  .personal-room-user-address .address-select .address-select-item .input-checkbox .input {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.personal-room  .personal-room-user-address .address-select .address-select-item .input-checkbox .input svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.personal-room  .personal-room-user-address .address-select .add-new-address {
  order: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-left: 12px;
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.personal-room  .personal-room-submit {
  width: 100%;
  padding: 16px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  display: flex;
  flex-direction: column;
  position: sticky;
  bottom: 0;
  z-index: 10;
  gap: 20px;
}
.personal-room  .personal-room-submit .delete-btn {
  color: #e92a2a;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 114.286% */
  letter-spacing: -0.28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  background: unset;
  border: unset;
}
.personal-room  .personal-room-info {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-info .description {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 8px;
}
.personal-room  .personal-room-info .more {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  max-width: max-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  position: relative;
}
.personal-room  .personal-room-info .more::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0%;
  height: 1px;
  background: #000;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-info .more:hover::before {
    width: 72%;
  }
}
.personal-room  .personal-room-gallery {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-gallery-item {
  width: 100%;
  margin-bottom: 12px;
}
.personal-room  .personal-room-gallery-item:last-child {
  margin-bottom: 0;
}
.personal-room  .personal-room-gallery-item .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 12px;
}
.personal-room  .personal-room-gallery-item .personal-room-gallery-item-title {
  width: 100%;
  margin-bottom: 8px;
}
.personal-room  .personal-room-gallery-item .personal-room-gallery-item-title .title {
  margin-bottom: 4px;
}
.personal-room  .personal-room-gallery-item .personal-room-gallery-item-title .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
}
.personal-room  .personal-room-gallery-item .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-gallery-item .grid {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow: auto;
  }
}
.personal-room  .personal-room-gallery-item .grid .gallery-img {
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-gallery-item .grid .gallery-img {
    max-width: 96px;
    min-width: 96px;
  }
}
.personal-room  .personal-room-gallery-item .grid .gallery-img .remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 36px;
  height: 36px;
  background-image: url("/local/templates/pappy_pets/css/../img/icons/remove-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
}
.personal-room  .personal-room-gallery-item .grid .gallery-img img {
  width: 100%;
  height: 186px;
  border-radius: 12px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-gallery-item .grid .gallery-img img {
    height: 96px;
  }
}
.personal-room  .personal-room-gallery-item .grid .input-file,
.personal-room  .personal-room-gallery-item .grid .input-avatar {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  height: 186px;
  border-radius: 12px;
  background: #f5f5f5;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-gallery-item .grid .input-file,
  .personal-room  .personal-room-gallery-item .grid .input-avatar {
    height: 156px;
  }
}
.personal-room  .personal-room-gallery-item .grid .input-file input,
.personal-room  .personal-room-gallery-item .grid .input-avatar input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.personal-room  .personal-room-gallery-item .grid .input-file .text,
.personal-room  .personal-room-gallery-item .grid .input-avatar .text {
  color: #000;
  text-align: center;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .personal-room  .form-gallery .personal-room-gallery-item .grid {
    overflow: unset;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
  }
  .personal-room  .form-gallery .personal-room-gallery-item .grid .gallery-img {
    min-width: unset;
    max-width: unset;
  }
  .personal-room  .form-gallery .personal-room-gallery-item .grid .gallery-img img {
    height: 156px;
  }
}
.personal-room  .personal-room-announcements {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-announcements .personal-room-announcements-title {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 16px;
}
.personal-room  .personal-room-announcements .personal-room-announcements-title .title {
  color: rgba(0, 0, 0, 0.9);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-announcements .personal-room-announcements-item {
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-announcements .personal-room-announcements-item {
    padding-bottom: 8px;
  }
}
.personal-room  .personal-room-announcements .personal-room-announcements-item:last-child {
  margin-bottom: 0;
  padding: 0;
  border-bottom: unset;
}
.personal-room  .personal-room-announcements .personal-room-announcements-item .flex {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.personal-room  .personal-room-announcements .personal-room-announcements-item .flex .subtitle {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.5px;
}
.personal-room  .personal-room-announcements .personal-room-announcements-item .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-announcements .personal-room-announcements-item .grid {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 8px 0;
  }
  .personal-room  .personal-room-announcements .personal-room-announcements-item .grid::-webkit-scrollbar {
    display: none;
  }
}
.personal-room  .personal-room-announcements .personal-room-announcements-item .grid .product-item {
  border-radius: 15.963px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-announcements .personal-room-announcements-item .grid .product-item {
    max-width: 146px;
    min-width: 146px;
  }
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-announcements .personal-room-announcements-item .grid .product-item:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 1024px) {
  .personal-room
    .container
    .personal-room-announcements
    .personal-room-announcements-item
    .grid
    .product-item
    .product-item-img
    img {
    height: 146px;
  }
}
.personal-room  .personal-room-seller-detail {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  flex: 1 1 auto;
}
.personal-room  .personal-room-seller-detail .personal-room-seller-detail-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}
.personal-room  .personal-room-seller-detail .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 8px;
}
.personal-room  .personal-room-seller-detail .advantages {
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}
.personal-room  .personal-room-seller-detail .advantages ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  margin-left: 16px;
  margin-bottom: 20px;
}
.personal-room  .personal-room-seller-detail .advantages ul.hiden {
  display: none;
}
.personal-room  .personal-room-seller-detail .advantages ul li {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  margin-bottom: 8px;
  list-style: disc;
}
.personal-room  .personal-room-seller-detail .advantages ul li:last-child {
  margin-bottom: 0;
}
.personal-room  .personal-room-seller-detail .advantages ul li .years {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-top: 4px;
}
.personal-room  .personal-room-seller-detail .advantages .show-more-btn {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  position: relative;
}
.personal-room  .personal-room-seller-detail .advantages .show-more-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #000;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-seller-detail .advantages .show-more-btn:hover::before {
    width: 100%;
  }
}
.personal-room  .personal-room-seller-detail .advantages .show-more-btn svg {
  transition: all 0.3s ease;
}
.personal-room  .personal-room-seller-detail .advantages .show-more-btn.active svg {
  transform: rotate(180deg);
}
.personal-room  .personal-room-seller-detail .docs {
  width: 100%;
}
.personal-room  .personal-room-seller-detail .docs .grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
@media (max-width: 1024px) {
  .personal-room  .personal-room-seller-detail .docs .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.personal-room  .personal-room-seller-detail .docs .grid .doc-item {
  width: 100%;
}
.personal-room  .personal-room-seller-detail .docs .grid .doc-item img {
  width: 100%;
  height: 186px;
  object-fit: cover;
  border-radius: 12px;
}
.personal-room  .personal-room-add-advantages {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column-reverse;
}
.personal-room  .personal-room-add-advantages .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 12px;
  order: 3;
}
.personal-room  .personal-room-add-advantages .advantage-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 16px;
  background: #f5f5f5;
  position: relative;
  order: 2;
}
.personal-room  .personal-room-add-advantages .advantage-item .img {
  width: 48px;
  height: 48px;
  max-width: 48px;
}
.personal-room  .personal-room-add-advantages .advantage-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.personal-room  .personal-room-add-advantages .advantage-item .info {
  width: 100%;
}
.personal-room  .personal-room-add-advantages .advantage-item .info .name {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .personal-room-add-advantages .advantage-item .info .years {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
}
.personal-room  .personal-room-add-advantages .advantage-item .help-popap {
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.personal-room  .personal-room-add-advantages .add-new-advantage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-left: 12px;
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  order: 1;
  cursor: pointer;
  position: relative;
}
.personal-room  .personal-room-add-advantages .add-new-advantage input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.personal-room  .personal-room-user-pets {
  width: 100%;
  flex: 1 1 auto;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-user-pets .personal-room-pet {
  padding: 12px;
  border: unset;
  border-radius: 16px;
  background: #f8f8f8;
}
.personal-room  .personal-room-user-pets .personal-room-pet .img {
  width: 134px;
  height: 134px;
  min-width: 134px;
}
.personal-room  .not-verified {
  width: 100%;
}
.personal-room  .not-verified .not-verified-content {
  width: 100%;
  margin-bottom: 6px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(233, 42, 42, 0.67);
  background: rgba(233, 42, 42, 0.15);
}
.personal-room  .not-verified .not-verified-content .flex {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
  gap: 12px;
}
.personal-room  .not-verified .not-verified-content .flex .icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: #e92a2a;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-room  .not-verified .not-verified-content .flex .text {
  width: 100%;
}
.personal-room  .not-verified .not-verified-content .flex .text .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .not-verified .not-verified-content .flex .text .description {
  color: rgba(0, 0, 0, 0.52);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
}
.personal-room  .not-verified .not-verified-content .start-verification {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.9);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  max-width: max-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  position: relative;
}
.personal-room  .not-verified .not-verified-content .start-verification::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: #000;
  transition: all 0.3s ease;
}
@media (min-width: 1024px) {
  .personal-room  .not-verified .not-verified-content .start-verification:hover::after {
    width: 84%;
  }
}
.personal-room  .not-verified .about-verification {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.personal-room  .personal-room-add-pet {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  position: relative;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .origin-drop-down,
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .breed-dropdown,
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .color-dropdown {
  top: 74px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .eye-color-item .origin-drop-down,
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .eye-color-item .breed-dropdown,
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .eye-color-item .color-dropdown {
  top: 44px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .photo-upload {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.personal-room
  .personal-room-add-pet
  .personal-room-add-pet-item
  .photo-upload
  .photo-upload-area:nth-child(1) {
  grid-column: auto;
}
.personal-room
  .personal-room-add-pet
  .personal-room-add-pet-item
  .photo-upload
  .photo-upload-area
  .input-photo {
  height: 188px;
}
.personal-room
  .personal-room-add-pet
  .personal-room-add-pet-item
  .photo-upload
  .uploaded-photo-item
  .uploaded-img {
  height: 188px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .flex {
  gap: 16px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .select-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: -0.24px;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item:last-child {
  padding-bottom: 0;
  border-bottom: unset;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
  display: block;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .question {
  padding: 0;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .question .flex {
  flex-wrap: wrap;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .personal-room-gallery {
  padding: 0;
  background: unset;
}
.personal-room  .personal-room-add-pet .personal-room-add-pet-item .slide-btn {
  width: 100%;
  justify-content: space-between;
  margin-top: 16px;
}
.personal-room  .personal-room-anaytics-flex {
  justify-content: space-between;
  margin-bottom: 12px;
}
.personal-room  .personal-room-anaytics-flex .input-text .input {
  height: 36px;
}
.personal-room  .personal-room-anaytics-flex .dropdown {
  z-index: 20;
}
.personal-room  .personal-room-anaytics-flex .dropdown .dropdown-content button {
  font-size: 14px;
}
.personal-room  .personal-room-anaytics {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
@media (max-width: 768px) {
  .personal-room  .personal-room-anaytics {
    grid-template-columns: repeat(1, 1fr);
  }
}
.personal-room  .personal-room-anaytics .personal-room-summary {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6px 16px;
}
.personal-room  .personal-room-anaytics .personal-room-summary .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 12px;
  grid-column: 1/3;
}
.personal-room  .personal-room-anaytics .personal-room-summary .personal-room-summary-item {
  width: 100%;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.personal-room  .personal-room-anaytics .personal-room-summary .personal-room-summary-item .subtitle {
  color: rgba(0, 0, 0, 0.9);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 24px;
}
.personal-room  .personal-room-anaytics .personal-room-summary .personal-room-summary-item .total {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 6px;
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-anaytics .personal-room-summary .personal-room-summary-item .total .add {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-anaytics .personal-room-analytics-detail {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.personal-room  .personal-room-anaytics .personal-room-analytics-detail .personal-room-balance {
  margin-bottom: 12px;
  flex: 1 1 auto;
}
.personal-room  .personal-room-anaytics .personal-room-analytics-detail .personal-room-navigation {
  padding: 28px 12px;
}
.personal-room  .personal-room-anaytics .personal-room-stats {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-anaytics .personal-room-stats .title {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 10px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .dropdown {
  max-width: 130px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf {
  width: 100%;
  margin-top: 12px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .graf-title {
  width: 100%;
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 4px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf img {
  width: 100%;
  height: 186px;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  object-fit: cover;
  display: block;
  margin-bottom: 12px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .week-days {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .week-days span {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .stats-info {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .stats-info span {
  color: #000;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 2px;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .stats-info span::before {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: #f9d1d1;
  position: relative;
  display: block;
}
.personal-room  .personal-room-anaytics .personal-room-stats .graf .stats-info span:last-child::before {
  background: #ccedfd;
}
.personal-room  .personal-room-anaytics .personal-room-views {
  width: 100%;
  padding: 12px 8px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-anaytics .personal-room-views .views-title {
  color: rgba(0, 0, 0, 0.9);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 10px;
}
.personal-room  .personal-room-anaytics .personal-room-views .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 36px;
}
.personal-room  .personal-room-anaytics .personal-room-views .flex .input-text {
  max-width: 230px;
}
.personal-room  .personal-room-anaytics .personal-room-views .flex .input-text .input {
  padding: 0 10px;
  height: 36px;
  border-radius: 4px;
  background: #f5f5f5;
  border: unset;
}
.personal-room  .personal-room-anaytics .personal-room-views .flex .dropdown {
  max-width: 140px;
}
.personal-room  .personal-room-anaytics .personal-room-views .graf {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  height: 234px;
}
.personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item {
  width: 100%;
  max-width: 76px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  gap: 6px;
}
.personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item .col {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  transition: all 0.5s;
}
.personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item .fill {
  border-radius: 10px 10px 0px 0px;
  background: rgba(132, 204, 239, 0.5);
  display: block;
  width: 100%;
  height: 40px;
  transition: all 0.5s;
}
.personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item .week-day {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item:hover .col {
    color: #000;
  }
  .personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item:hover .fill {
    background: rgba(132, 204, 239, 0.8);
  }
  .personal-room  .personal-room-anaytics .personal-room-views .graf .graf-item:hover .week-day {
    color: #000;
  }
}
.personal-room  .personal-room-anaytics-ads {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-title .text {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-title .text .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: -0.41px;
  display: block;
  margin-top: 4px;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table {
  width: 100%;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .titles {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .titles span {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
  width: 100%;
  max-width: 100px;
  text-align: center;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .titles span:nth-child(1) {
  max-width: 600px;
  text-align: left;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .items {
  width: 100%;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .items .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 18px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .items .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: unset;
}
.personal-room
  .personal-room-anaytics-ads
  .personal-room-anaytics-ads-table
  .items
  .item
  .personal-room-pet {
  padding: 0;
  margin: 0;
  border: unset;
  width: 100%;
  max-width: 600px;
}
.personal-room
  .personal-room-anaytics-ads
  .personal-room-anaytics-ads-table
  .items
  .item
  .personal-room-pet
  .img {
  width: 96px;
  height: 96px;
  min-width: 96px;
}
.personal-room
  .personal-room-anaytics-ads
  .personal-room-anaytics-ads-table
  .items
  .item
  .personal-room-pet
  .info {
  max-width: 420px;
}
.personal-room
  .personal-room-anaytics-ads
  .personal-room-anaytics-ads-table
  .items
  .item
  .personal-room-pet
  .info
  .description {
  font-size: 12px;
  margin-bottom: 2px;
}
.personal-room  .personal-room-anaytics-ads .personal-room-anaytics-ads-table .items .item .stat-item {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.41px;
  max-width: 100px;
  display: block;
  width: 100%;
}

.hiden {
  display: none;
}

#logout-modal .modal-container,
#change-seller-modal .modal-container,
#delete-profile-modal .modal-container,
#change-phone-modal .modal-container,
#verified-modal .modal-container,
#change-email-modal .modal-container {
  max-width: 460px;
  padding: 0;
}
@media (max-width: 1024px) {
  #logout-modal .modal-container,
  #change-seller-modal .modal-container,
  #delete-profile-modal .modal-container,
  #change-phone-modal .modal-container,
  #verified-modal .modal-container,
  #change-email-modal .modal-container {
    max-width: 100%;
  }
}
#logout-modal .modal-container .modal-content,
#change-seller-modal .modal-container .modal-content,
#delete-profile-modal .modal-container .modal-content,
#change-phone-modal .modal-container .modal-content,
#verified-modal .modal-container .modal-content,
#change-email-modal .modal-container .modal-content {
  padding: 12px;
}
#logout-modal .modal-container .modal-content .icon,
#change-seller-modal .modal-container .modal-content .icon,
#delete-profile-modal .modal-container .modal-content .icon,
#change-phone-modal .modal-container .modal-content .icon,
#verified-modal .modal-container .modal-content .icon,
#change-email-modal .modal-container .modal-content .icon {
  width: 121px;
  height: 121px;
  margin: 0 auto;
  margin-bottom: 12px;
}
#logout-modal .modal-container .modal-content .description,
#change-seller-modal .modal-container .modal-content .description,
#delete-profile-modal .modal-container .modal-content .description,
#change-phone-modal .modal-container .modal-content .description,
#verified-modal .modal-container .modal-content .description,
#change-email-modal .modal-container .modal-content .description {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.36px;
  display: block;
  width: 100%;
}
#logout-modal .modal-container .modal-bottom,
#change-seller-modal .modal-container .modal-bottom,
#delete-profile-modal .modal-container .modal-bottom,
#change-phone-modal .modal-container .modal-bottom,
#verified-modal .modal-container .modal-bottom,
#change-email-modal .modal-container .modal-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

#edit-banner-modal .modal-container {
  max-width: 1050px;
  padding: 0;
}
@media (max-width: 1024px) {
  #edit-banner-modal .modal-container {
    max-width: 100%;
  }
}
#edit-banner-modal .modal-container .modal-header {
  padding: 34px 12px 24px;
}
#edit-banner-modal .modal-container .modal-content {
  padding: 12px;
  position: relative;
}
#edit-banner-modal .modal-container .modal-content .edit-banner-img {
  width: 100%;
  height: 60dvh;
}
#edit-banner-modal .modal-container .modal-content .edit-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#edit-banner-modal .modal-container .modal-content .photo-upload .uploaded-photo-item .uploaded-img,
#edit-banner-modal .modal-container .modal-content .photo-upload .photo-upload-area .input-photo {
  height: 60dvh;
}
#edit-banner-modal .modal-container .modal-content .photo-slice {
  width: calc(100% - 24px);
  height: 60dvh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: none;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
}
#edit-banner-modal .modal-container .modal-content .photo-slice .overlay {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  flex: 1 1 auto;
}
#edit-banner-modal .modal-container .modal-content .photo-slice .border {
  border: 1px dashed #fff;
  width: 100%;
  height: 230px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: move;
}
#edit-banner-modal .modal-container .modal-content .personal-room-user {
  display: none;
}
#edit-banner-modal .modal-container .modal-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

#verified-modal .modal-container .modal-content .description {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.36px;
  text-align: left;
}

#delete-profile-modal .modal-container .modal-content .icon.success-icon,
#change-phone-modal .modal-container .modal-content .icon.success-icon,
#change-email-modal .modal-container .modal-content .icon.success-icon {
  display: none;
}
#delete-profile-modal .modal-container .modal-content .subtitle,
#change-phone-modal .modal-container .modal-content .subtitle,
#change-email-modal .modal-container .modal-content .subtitle {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.36px;
  display: block;
  margin-bottom: 8px;
}
#delete-profile-modal .modal-container .modal-content .subtitle.subtitle-success,
#change-phone-modal .modal-container .modal-content .subtitle.subtitle-success,
#change-email-modal .modal-container .modal-content .subtitle.subtitle-success {
  display: none;
}
#delete-profile-modal .modal-container .modal-content .description,
#change-phone-modal .modal-container .modal-content .description,
#change-email-modal .modal-container .modal-content .description {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
}
#delete-profile-modal .modal-container .modal-bottom .delete-close-btn,
#change-phone-modal .modal-container .modal-bottom .delete-close-btn,
#change-email-modal .modal-container .modal-bottom .delete-close-btn {
  display: none;
}
#delete-profile-modal.confirmed .modal-container .modal-content .icon.success-icon,
#change-phone-modal.confirmed .modal-container .modal-content .icon.success-icon,
#change-email-modal.confirmed .modal-container .modal-content .icon.success-icon {
  display: block;
}
#delete-profile-modal.confirmed .modal-container .modal-content .icon.delete-icon,
#change-phone-modal.confirmed .modal-container .modal-content .icon.delete-icon,
#change-email-modal.confirmed .modal-container .modal-content .icon.delete-icon {
  display: none;
}
#delete-profile-modal.confirmed .modal-container .modal-content .subtitle,
#change-phone-modal.confirmed .modal-container .modal-content .subtitle,
#change-email-modal.confirmed .modal-container .modal-content .subtitle {
  display: none;
}
#delete-profile-modal.confirmed .modal-container .modal-content .subtitle.subtitle-success,
#change-phone-modal.confirmed .modal-container .modal-content .subtitle.subtitle-success,
#change-email-modal.confirmed .modal-container .modal-content .subtitle.subtitle-success {
  display: block;
}
#delete-profile-modal.confirmed .modal-container .modal-content .description,
#change-phone-modal.confirmed .modal-container .modal-content .description,
#change-email-modal.confirmed .modal-container .modal-content .description {
  display: none;
}
#delete-profile-modal.confirmed .modal-container .modal-bottom .button,
#change-phone-modal.confirmed .modal-container .modal-bottom .button,
#change-email-modal.confirmed .modal-container .modal-bottom .button {
  display: none;
}
#delete-profile-modal.confirmed .modal-container .modal-bottom .button.delete-close-btn,
#change-phone-modal.confirmed .modal-container .modal-bottom .button.delete-close-btn,
#change-email-modal.confirmed .modal-container .modal-bottom .button.delete-close-btn {
  display: block;
}

#change-phone-modal .modal-container,
#change-email-modal .modal-container {
  max-width: 640px;
}
#change-phone-modal .modal-container .modal-header,
#change-email-modal .modal-container .modal-header {
  padding: 12px 12px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#change-phone-modal .modal-container .modal-header .back,
#change-email-modal .modal-container .modal-header .back {
  display: block;
}
#change-phone-modal .modal-container .modal-header::after,
#change-email-modal .modal-container .modal-header::after {
  content: "";
  position: relative;
  width: 34px;
}
#change-phone-modal .modal-container .modal-content .etap,
#change-email-modal .modal-container .modal-content .etap {
  display: none;
}
#change-phone-modal .modal-container .modal-content .etap:nth-child(1),
#change-email-modal .modal-container .modal-content .etap:nth-child(1) {
  display: block;
}
#change-phone-modal .modal-container .modal-content .etap .icon,
#change-email-modal .modal-container .modal-content .etap .icon {
  display: block;
}
#change-phone-modal .modal-container .modal-content .etap:last-child .description,
#change-email-modal .modal-container .modal-content .etap:last-child .description {
  text-align: center;
}
#change-phone-modal .modal-container .modal-content .etap .description,
#change-email-modal .modal-container .modal-content .etap .description {
  text-align: left;
  margin-bottom: 16px;
}
#change-phone-modal .modal-container .modal-content .etap .code-input,
#change-email-modal .modal-container .modal-content .etap .code-input {
  justify-content: center;
  margin-top: 16px;
}
#change-phone-modal .modal-container .modal-content .etap .resend-code,
#change-email-modal .modal-container .modal-content .etap .resend-code {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 44px;
  max-width: 176px;
  width: 100%;
  border: unset;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  #change-phone-modal .modal-container .modal-content .etap .resend-code:hover span::before,
  #change-email-modal .modal-container .modal-content .etap .resend-code:hover span::before {
    width: 100%;
  }
}
#change-phone-modal .modal-container .modal-content .etap .resend-code span,
#change-email-modal .modal-container .modal-content .etap .resend-code span {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.28px;
  border: unset;
  transition: all 0.5s;
  position: relative;
}
#change-phone-modal .modal-container .modal-content .etap .resend-code span::before,
#change-email-modal .modal-container .modal-content .etap .resend-code span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  background-color: #000;
  width: 0;
  height: 1px;
  transition: all 0.5s;
}
#change-seller-modal .modal-container {
  padding-top: 30px;
}

.origin-drop-down,
.breed-dropdown,
.color-dropdown,
.address-dropdown {
  width: 100%;
  max-width: 412px;
  position: absolute;
  z-index: 30;
  right: 0;
  top: 74px;
  padding: 0 8px;
  border-radius: 10px;
  background: #fff;
  height: 0;
  transition:
    height 0.5s,
    border 0.5s;
  overflow: hidden;
}
.origin-drop-down.active,
.breed-dropdown.active,
.color-dropdown.active,
.address-dropdown.active {
  height: 400px;
  z-index: 31;
  padding: 8px;
  box-shadow:
    0px 100px 80px 0px rgba(0, 0, 0, 0.06),
    0px 38.519px 25.481px 0px rgba(0, 0, 0, 0.04),
    0px 8.148px 6.519px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
  .origin-drop-down,
  .breed-dropdown,
  .color-dropdown,
  .address-dropdown {
    position: fixed;
    left: 0;
    bottom: 0;
    top: unset;
    z-index: 1000;
    max-width: unset;
  }
}
.origin-drop-down .color-dropdown-list,
.breed-dropdown .color-dropdown-list,
.color-dropdown .color-dropdown-list,
.address-dropdown .color-dropdown-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  overflow: auto;
}
.origin-drop-down .input-text,
.breed-dropdown .input-text,
.color-dropdown .input-text,
.address-dropdown .input-text,
#pets-breed-modal .input-text,
#pets-color-modal .input-text,
#pets-eye-color-modal .input-text,
#pets-eye-color-2-modal .input-text,
#pets-location-modal .input-text {
  margin-bottom: 8px;
}
.origin-drop-down .input-checkbox,
.breed-dropdown .input-checkbox,
.color-dropdown .input-checkbox,
.address-dropdown .input-checkbox {
  align-items: flex-start;
  margin-bottom: 8px;
}
.origin-drop-down .input-checkbox:last-child,
.breed-dropdown .input-checkbox:last-child,
.color-dropdown .input-checkbox:last-child,
.address-dropdown .input-checkbox:last-child {
  margin-bottom: 0;
}
.origin-drop-down .input-checkbox .input,
.breed-dropdown .input-checkbox .input,
.color-dropdown .input-checkbox .input,
.address-dropdown .input-checkbox .input {
  min-width: 24px;
}
.origin-drop-down .input-checkbox .text .title,
.breed-dropdown .input-checkbox .text .title,
.color-dropdown .input-checkbox .text .title,
.address-dropdown .input-checkbox .text .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.32px;
  display: block;
  margin: 0 !important;
}
.origin-drop-down .input-checkbox .text .description,
.breed-dropdown .input-checkbox .text .description,
.color-dropdown .input-checkbox .text .description,
.address-dropdown .input-checkbox .text .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  display: block;
  margin-top: 8px;
}
.origin-drop-down .select-breed-btn,
.origin-drop-down .select-address-btn,
.breed-dropdown .select-breed-btn,
.breed-dropdown .select-address-btn,
.color-dropdown .select-breed-btn,
.color-dropdown .select-address-btn,
.address-dropdown .select-breed-btn,
.address-dropdown .select-address-btn,
#pets-breed-modal .select-breed-btn,
#pets-location-modal .select-address-btn {
  width: 100%;
  padding: 8px 16px;
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
  text-align: left;
}
.origin-drop-down .select-color-btn,
.breed-dropdown .select-color-btn,
.color-dropdown .select-color-btn,
.address-dropdown .select-color-btn,
.color-dropdown .select-color-btn,
#pets-color-modal .select-color-btn,
#pets-eye-color-modal .select-color-btn,
#pets-eye-color-2-modal .select-color-btn {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 8px;
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
}
.origin-drop-down .select-color-btn .color-icon,
.breed-dropdown .select-color-btn .color-icon,
.color-dropdown .select-color-btn .color-icon,
.address-dropdown .select-color-btn .color-icon,
#pets-color-modal .select-color-btn .color-icon,
#pets-eye-color-modal .select-color-btn .color-icon,
#pets-eye-color-2-modal .select-color-btn .color-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.origin-drop-down .breed-dropdown-list,
.breed-dropdown .breed-dropdown-list,
.color-dropdown .breed-dropdown-list,
.address-dropdown .breed-dropdown-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow: auto;
}
#pets-breed-modal .breed-dropdown-list,
#pets-location-modal .select-address-btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
}
.origin-drop-down .breed-dropdown-list::-webkit-scrollbar,
.breed-dropdown .breed-dropdown-list::-webkit-scrollbar,
.color-dropdown .breed-dropdown-list::-webkit-scrollbar,
.address-dropdown .breed-dropdown-list::-webkit-scrollbar,
#pets-breed-modal .breed-dropdown-list::-webkit-scrollbar,
#pets-location-modal .breed-dropdown-list::-webkit-scrollbar {
  display: none;
}

.origin-drop-down,
.address-dropdown {
  max-height: 300px;
  overflow: auto;
}

.origin-drop-down .input-checkbox {
  align-items: flex-start !important;
}

.address-dropdown {
  bottom: 50px;
  box-shadow:
    0px -100px 80px 0px rgba(0, 0, 0, 0.06),
    0px -38.519px 25.481px 0px rgba(0, 0, 0, 0.04),
    0px -8.148px 6.519px 0px rgba(0, 0, 0, 0.02);
  top: unset;
}

.eye-color-item {
  width: 100%;
  position: relative;
}
.eye-color-item .color-dropdown {
  top: 44px;
}
.eye-color-item .color-dropdown.active {
  height: 300px;
}

.create-add {
  width: 100%;
  /*padding: 0 12px;*/
}
.create-add .container {
  width: 100%;
  max-width: 1200px;
}
.create-add .container .create-add-inner {
  width: 100%;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner {
    padding: 0;
  }
}
.create-add .container .create-add-inner .create-add-header {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner .create-add-header {
    padding: 8px;
    border-radius: 0px 0px 16px 16px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
  }
}
.create-add .container .create-add-inner .create-add-header .flex {
  width: 100%;
  justify-content: space-between;
}
.create-add .container .create-add-inner .create-add-header .flex .back {
  width: 34px;
  height: 34px;
}
.create-add .container .create-add-inner .create-add-header .flex h1 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner .create-add-header .flex h1 {
    font-size: 16px;
  }
}
.create-add .container .create-add-inner .create-add-header .flex .etaps-pagination {
  width: 34px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.create-add .container .create-add-inner .create-add-header .flex .etaps-pagination span {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
}
.create-add .container .create-add-inner .create-add-content {
  width: 100%;
  flex: 1 1 auto;
  /*
  padding: 12px;
  border-radius: 16px;
  background: #fff;
  */
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner .create-add-content {
    padding: 0;
    background: unset;
    border-radius: 0;
    display: flex;
    flex-direction: column;
  }
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner .create-add-content .create-add-etaps {
    flex: 1 1 auto;
    /*padding: 12px;*/
    /*
    border-radius: 16px;
    background: #fff;
    */
  }
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item {
  width: 100%;
  display: none;
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item.active {
  display: block;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .input-file
  .attach-file {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  padding: 9px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .input-file
  .attach-file
  .icon {
  padding: 0;
  background-color: unset;
  margin: 0;
  width: auto;
  height: auto;
  border: unset;
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item .product-detail {
  padding: 0;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .product-detail
  .product-detail-top,
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .product-detail
  .product-detail-info {
  padding: 0;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-etap-item-title {
  width: 100%;
  margin-bottom: 20px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-etap-item-title
  h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-etap-item-title
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-top: 4px;
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item .create-add-quest {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest.create-add-quest-category {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .create-add
    .container
    .create-add-inner
    .create-add-content
    .create-add-etaps
    .create-add-etap-item
    .create-add-quest.create-add-quest-category {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .create-add
    .container
    .create-add-inner
    .create-add-content
    .create-add-etaps
    .create-add-etap-item
    .create-add-quest.create-add-quest-category {
    grid-template-columns: repeat(1, 1fr);
  }
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest.create-add-quest-category
  .input-checkbox
  .input-title {
  white-space: nowrap;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  gap: 8px;
}
#pets-origin-modal .input-checkbox {
  align-items: flex-start !important;
  margin-bottom: 8px;
}
#pets-origin-modal .input-text {
  margin-bottom: 8px;
}

.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  input,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  .input,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox .input {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  transition: all 0.5s;
  border-radius: 50%;
  min-width: 24px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  .input::after,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox .input::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #5c4033;
  position: relative;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  img {
  width: 20px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  .input-title,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox .input-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox
  .input-title:nth-child(2),
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox .input-title:nth-child(2) {
  text-align: center;
  display: block;
  width: 100%;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox.active,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox.active  {
  border: 2px solid #5c4033;
  background: #fff;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest
  .input-checkbox.active
  .input::after,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .input-checkbox .input::after {
  opacity: 1;
}
/*
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item .photo-upload {
  display: grid;
}
*/
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  padding-bottom: 12px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .title,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 0px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .information {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.08px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .description,
  .create-pets-modal-etaps .create-pets-modal-etaps-item .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin: 0;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .input-text
  .input
  .select-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .question {
  padding: 0;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .flex {
  gap: 10px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-item
  .slide-btn {
  width: 100%;
  justify-content: space-between;
  margin-top: 8px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
  .create-add
    .container
    .create-add-inner
    .create-add-content
    .create-add-etaps
    .create-add-etap-item
    .create-add-quest-form
    .create-add-quest-form-group {
    flex-direction: column;
  }
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-group
  .create-add-quest-form-item {
  width: 100%;
  border: unset;
  padding: 0;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-group
  .question-form-item {
  max-width: 200px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-group
  .question-form-item
  .question
  .flex
  .quest-checkbox {
  width: 100%;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .create-add-quest-form
  .create-add-quest-form-group
  .question-form-item
  .question
  .flex
  .quest-checkbox
  span {
  width: 100%;
  height: 44px;
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item .price-info {
  width: 100%;
  margin-top: 30px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-icon {
  display: block;
  margin-bottom: 14px;
}
.create-add .container .create-add-inner .create-add-content .create-add-etaps .create-add-etap-item .price-info h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 24px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt
  .price-info-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt
  .price-info-item
  .icon {
  width: 26px;
  min-width: 26px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt
  .price-info-item
  .text {
  width: 100%;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt
  .price-info-item
  .text
  .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
  display: block;
  margin-bottom: 2px;
}
.create-add
  .container
  .create-add-inner
  .create-add-content
  .create-add-etaps
  .create-add-etap-item
  .price-info
  .price-info-lstt
  .price-info-item
  .text
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.41px;
  display: block;
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons {
  width: 100%;
}
@media (max-width: 1024px) {
  .create-add .container .create-add-inner .create-add-content .create-add-buttons {
    position: sticky;
    bottom: 0;
    padding: 8px;
    border-radius: 16px 16px 0px 0px;
    background: #fff;
    z-index: 10;
    gap: 10px;
  }
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons .flex {
  justify-content: space-between;
  gap: 12px;
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons .flex .button {
  max-width: 290px;
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons .create-add-final-buttons {
  display: none;
  flex-direction: column;
  gap: 12px;
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons.create-add-buttons-main {
  justify-content: flex-end;
}
.create-add .container .create-add-inner .create-add-content .create-add-buttons.create-add-buttons-main .flex {
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .create-add
    .container
    .create-add-inner
    .create-add-content
    .create-add-buttons.create-add-buttons-main
    .flex
    .button {
    max-width: unset;
  }
}
.create-add .container .create-add-inner .create-add-content.add-type-etap .create-add-buttons .back-etap-btn {
  position: relative;
  z-index: -1;
  opacity: 0;
}

.create-pets-modal {
  width: 100%;
  padding: 16px;
}
.create-pets-modal .modal-container {
  width: 100%;
  max-width: 640px;
  padding: 16px;
  max-height: 95dvh;
  overflow: auto;
  padding-top: 0;
}
.create-pets-modal .modal-container .color-dropdown.active {
  height: 280px;
}
.create-pets-modal .modal-container .eye-color-item {
  width: 100%;
  position: relative;
}
.create-pets-modal .modal-container .eye-color-item .color-dropdown {
  top: 44px;
}
.create-pets-modal .modal-container .eye-color-item .color-dropdown.active {
  height: 200px;
}
.create-pets-modal .modal-container .input-checkbox {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  gap: 8px;
}
.create-pets-modal .modal-container .input-checkbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.create-pets-modal .modal-container .input-checkbox .input {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  transition: all 0.5s;
  border-radius: 50%;
}
.create-pets-modal .modal-container .input-checkbox .input::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #5c4033;
  position: relative;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s;
}
.create-pets-modal .modal-container .input-checkbox img {
  width: 20px;
}
.create-pets-modal .modal-container .input-checkbox .input-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
}
.create-pets-modal .modal-container .input-checkbox .input-title:nth-child(2) {
  text-align: center;
  display: block;
  width: 100%;
}
.create-pets-modal .modal-container .input-checkbox.active {
  border: 2px solid #5c4033;
  background: #fff;
}
.create-pets-modal .modal-container .input-checkbox.active .input::after {
  opacity: 1;
}
.create-pets-modal .modal-container::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1024px) {
  .create-pets-modal .modal-container {
    padding: 0;
    max-width: 100%;
  }
}
.create-pets-modal .modal-container .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .create-pets-modal .modal-container .modal-header {
    padding: 16px;
  }
  .create-pets-modal .modal-container .modal-header::after {
    display: none;
  }
}
.create-pets-modal .modal-container .modal-header .clear-modal {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
.create-pets-modal .modal-container .modal-header .close-modal {
  position: relative;
  inset: auto;
  background: unset;
  border: unset;
  width: auto;
  height: auto;
  transform: unset;
}
.create-pets-modal .modal-container .modal-header .close-modal svg {
  display: block;
}
.create-pets-modal .modal-container .modal-content {
  width: 100%;
  margin: 0px 0 16px;
}
.create-pets-modal .modal-container .modal-content .create-pets-modal-etaps {
  width: 100%;
}
.create-pets-modal .modal-container .modal-content .create-pets-modal-etaps .create-pets-modal-etaps-item {
  width: 100%;
  display: none;
}
.create-pets-modal .modal-container .modal-content .create-pets-modal-etaps .create-pets-modal-etaps-item.active {
  display: block;
}
#pets-health-modal .create-pets-modal-etaps .create-pets-modal-etaps-item.active,
#pets-vaccination-modal .create-pets-modal-etaps .create-pets-modal-etaps-item.active,
#pets-temperament-modal .create-pets-modal-etaps .create-pets-modal-etaps-item.active {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-pets-modal .modal-container .modal-content .create-pets-modal-etaps .create-pets-modal-etaps-item .pet-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  position: relative;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item:last-child {
  margin-bottom: 0;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .img {
  width: 64px;
  height: 64px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info {
  width: 100%;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info
  .name {
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info
  .description {
  color: rgba(0, 0, 0, 0.7);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  display: block;
  margin-bottom: 8px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info
  .flex {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border: unset;
  gap: 4px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info
  .flex
  .character {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px 4px;
  color: rgba(0, 0, 0, 0.5);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 768px) {
  .create-pets-modal
    .modal-container
    .modal-content
    .create-pets-modal-etaps
    .create-pets-modal-etaps-item
    .pet-item
    .info
    .flex
    .character {
    font-size: 10px;
  }
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .info
  .flex
  .character::after {
  content: "";
  position: relative;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: unset;
  border: unset;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  input:checked
  ~ .checkbox {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #accb4a;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  input:checked
  ~ .checkbox
  svg {
  opacity: 1;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  input:checked
  ~ .overlay {
  display: none;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  .checkbox {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .pet-item
  .input-checkbox
  .checkbox
  svg {
  opacity: 0;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-group {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  width: 100%;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-group
  .new-pet-form-item {
  width: 100%;
  border: unset;
  padding: 0;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-group
  .new-pet-form-item
  .question
  .flex
  .quest-checkbox {
  width: 100%;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-group
  .new-pet-form-item
  .question
  .flex
  .quest-checkbox
  span {
  width: 100%;
  height: 44px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item {
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .input-text
  .input
  .select-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .question {
  padding: 0;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .textarea {
  height: 60px;
  padding: 8px 12px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .textarea
  textarea {
  resize: none;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .flex {
  gap: 10px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .slide-btn {
  width: 100%;
  justify-content: space-between;
  margin-top: 16px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-item
  .photo-upload
  .photo-upload-area
  .input-photo {
  height: 170px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom {
  width: 100%;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .flex {
  width: 100%;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .flex
  .title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.41px;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .flex
  .add-details-btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  position: relative;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .flex
  .add-details-btn::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.9);
  bottom: -2px;
  left: 0;
  transition: all 0.5s;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .flex
  .add-details-btn:hover::after {
  width: 90%;
}
.create-pets-modal
  .modal-container
  .modal-content
  .create-pets-modal-etaps
  .create-pets-modal-etaps-item
  .new-pet-form
  .new-pet-form-bottom
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  max-width: 520px;
}
.create-pets-modal .modal-container .modal-bottom {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1024px) {
  .create-pets-modal .modal-container .modal-bottom {
    position: sticky;
    bottom: 0;
  }
}
.create-pets-modal .modal-container .modal-bottom .back-btn {
  display: none;
}
.create-pets-modal .modal-container .breed-dropdown {
  top: 24px;
}
.create-pets-modal .modal-container .breed-dropdown .breed-dropdown-list {
  max-height: 200px;
}
.create-pets-modal .modal-container .photo-upload .uploaded-photo-item .uploaded-img {
  height: 170px;
}
@media (max-width: 1024px) {
  .create-pets-modal .modal-container .origin-drop-down,
  .create-pets-modal .modal-container .breed-dropdown,
  .create-pets-modal .modal-container .color-dropdown {
    position: fixed;
    left: 0;
    bottom: 13%;
    top: unset;
    z-index: 1000;
    height: 77%;
    max-width: unset;
  }
}

.product-detail {
  width: 100%;
}
.product-detail .product-detail-top {
  padding: 16px;
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 16px;
}
.product-detail .product-detail-top .product-detail-top-img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 12px;
  margin-bottom: 20px;
  position: relative;
}
.product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-gallery {
  width: 100%;
  max-width: 764px;
}
@media (max-width: 1100px) {
  .product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-gallery {
    max-width: 700px;
  }
}
@media (max-width: 1024px) {
  .product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-gallery {
    max-width: 100%;
  }
}
.product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-gallery .swiper {
  width: 100%;
}
.product-detail
  .product-detail-top
  .product-detail-top-img
  .product-detail-swiper-gallery
  .swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;
}
.product-detail
  .product-detail-top
  .product-detail-top-img
  .product-detail-swiper-gallery
  .swiper
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;
  height: 412px;
  object-fit: cover;
  border-radius: 16px;
}
.product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-thumbs {
  width: 100%;
  max-width: 200px;
}
@media (max-width: 1100px) {
  .product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-thumbs {
    max-width: 300px;
  }
}
@media (max-width: 1024px) {
  .product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-thumbs {
    display: none;
  }
}
.product-detail .product-detail-top .product-detail-top-img .product-detail-swiper-thumbs .swiper {
  height: 412px;
}
.product-detail
  .product-detail-top
  .product-detail-top-img
  .product-detail-swiper-thumbs
  .swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;!important;
  height: 200px !important;
}
.product-detail
  .product-detail-top
  .product-detail-top-img
  .product-detail-swiper-thumbs
  .swiper
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 16px;
}
.product-detail .product-detail-top .product-detail-title {
  width: 100%;
}
.product-detail .product-detail-top .product-detail-title h1 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  margin-bottom: 6px;
}
.product-detail .product-detail-top .product-detail-title .location {
  color: rgba(0, 0, 0, 0.7);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.product-detail .product-detail-top .product-detail-title .price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #000;
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
  letter-spacing: -0.5px;
}
.product-detail .product-detail-top .product-detail-title .price .old-price {
  color: rgba(0, 0, 0, 0.3);
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
}
.product-detail .product-detail-stats {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 30px;
}
.product-detail .product-detail-stats:last-child {
  margin-top: 16px;
}
@media (max-width: 1024px) {
  .product-detail .product-detail-stats {
    padding: 0 12px;
  }
}
.product-detail .product-detail-stats .flex {
  justify-content: space-between;
  gap: 12px;
}
.product-detail .product-detail-stats .flex .flex {
  justify-content: flex-start;
  gap: 46px;
}
.product-detail .product-detail-stats .flex .stat-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: 20px;
}
.product-detail .product-detail-stats .button {
  width: 100%;
  margin-top: 18px;
}
.product-detail .product-detail-stats.product-detail-stats-outside {
  margin-top: 30px;
  margin-bottom: 30px;
}
.product-detail .product-detail-stats.product-detail-stats-outside .flex .flex {
  flex-direction: column;
  gap: 2px;
  justify-content: flex-start;
  align-items: flex-start;
}
.product-detail .product-detail-stats.product-detail-stats-outside .flex .flex .stat-item {
  max-width: unset;
  justify-content: flex-start;
}
.product-detail .product-detail-stats.product-detail-stats-outside .flex .stat-item {
  max-width: 136px;
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 20px;
  /* 142.857% */
}
.product-detail .product-detail-info {
  width: 100%;
  padding: 16px;
  background-color: #fff;
  border-radius: 16px;
}
.product-detail .product-detail-info .product-detail-info-item {
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail .product-detail-info .product-detail-info-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-detail .product-detail-info .product-detail-info-item .title {
  color: #000;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  margin-bottom: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller:last-child {
  margin-bottom: 0;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .img {
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text {
  width: 100%;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text h4 {
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  /* 114.286% */
  letter-spacing: -0.5px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text .description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text .address {
  color: rgba(0, 0, 0, 0.7);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text .rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-seller .text .rating .rating-num {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 135%;
  letter-spacing: -0.12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .sale-info {
  border-radius: 7px;
  background: #bee2ff;
  padding: 8px;
  width: 100%;
  margin-bottom: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .sale-info .title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 6px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .sale-info .description {
  color: rgba(0, 0, 0, 0.6);
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
  margin: 0;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .product-item {
  padding: 0;
  box-shadow: unset !important;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-img {
  max-width: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-img
  img {
  height: 80px;
  background: unset;
  border-radius: 8px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-img
  .sale-title,
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-img
  .sale-percent {
  position: absolute;
  left: -32px;
  top: 10px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: #59adee;
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.371px;
  transform: rotate(-45deg);
  width: 100px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-img
  .sale-percent {
  left: unset;
  right: -32px;
  top: unset;
  bottom: 10px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-info
  .product-item-info-title {
  margin-bottom: 6px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-info
  .product-item-info-title
  h4 {
  margin: 0;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-info
  .product-item-info-title
  h4
  a {
  font-size: 16px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-info
  .product-item-char {
  max-width: 182px;
  gap: 2px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .product-item-info
  .product-item-char
  span {
  font-size: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .product-item .sale-price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 20px;
  min-width: max-content;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .sale-price
  .old-price
  .title {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 2px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .sale-price
  .old-price
  .price {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  display: block;
  margin: 0;
  text-align: right;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .sale-price
  .sale-price {
  gap: 0;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .sale-price
  .sale-price
  .title {
  color: #000;
  text-align: right;
  font-family: " Inter";
  font-size: 8px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  display: block;
  margin: 2px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-starter-pak
  .product-item
  .sale-price
  .sale-price
  .price {
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.5px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-starter-pak .flex {
  gap: 10px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-characteristics {
  width: 100%;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-characteristics
  .product-detail-characteristics-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-characteristics
  .product-detail-characteristics-item:last-child {
  border-bottom: none;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-characteristics
  .product-detail-characteristics-item
  .title {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.28px;
  margin: 0;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-characteristics
  .product-detail-characteristics-item
  .value {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  margin: 0;
  letter-spacing: -0.28px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-health {
  width: 100%;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-health .product-detail-health-item {
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-health
  .product-detail-health-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-health
  .product-detail-health-item
  .item-title {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.28px;
  display: block;
  margin-bottom: 4px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-health
  .product-detail-health-item
  .item-value {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.28px;
  display: block;
  margin-bottom: 8px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-health
  .product-detail-health-item
  .item-description {
  color: rgba(0, 0, 0, 0.5);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-about {
  width: 100%;
  display: block;
  color: rgba(0, 0, 0, 0.99);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-docs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-docs .product-detail-docs-item {
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-docs
  .product-detail-docs-item
  .doc-title {
  color: #000;
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.28px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-docs
  .product-detail-docs-item
  .view-btn {
  width: 28px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent {
  width: 100%;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .product-detail-parent-photos {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  gap: 12px;
  margin-bottom: 8px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .product-detail-parent-photos::-webkit-scrollbar {
  display: none;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .product-detail-parent-photos
  img {
  width: 140px;
  max-width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .parent-name {
  color: #000;
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin-bottom: 8px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .parent-about {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .parent-about .parent-about-item {
  font-family: " Inter";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .parent-about
  .parent-about-item::after {
  content: "";
  position: relative;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .parent-about
  .parent-about-item:last-child::after {
  display: none;
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .parent-descrpition {
  color: rgba(0, 0, 0, 0.8);
  font-family: " Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.28px;
  display: block;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-detail .product-detail-info .product-detail-info-item .product-detail-parent .parent-detail {
  width: 100%;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .parent-detail
  .parent-detail-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .parent-detail
  .parent-detail-title
  span {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
.product-detail
  .product-detail-info
  .product-detail-info-item
  .product-detail-parent
  .parent-detail
  .parent-detail-body {
  padding-top: 16px;
  display: none;
}

.product-detail-page {
  width: 100%;
  padding: 16px 16px 0;
}
@media (max-width: 1024px) {
  .product-detail-page {
    padding: 0;
  }
}
.product-detail-page .container {
  max-width: 1200px;
}
.product-detail-page .container .product-detail-page-inner {
  width: 100%;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .product-detail-page .container .product-detail-page-inner .product-detail-page-title {
    border-radius: 0px 0px 16px 16px;
  }
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central {
  max-width: 150px;
  width: 100%;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central .status {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  border-radius: 20px;
  background: #d9ebaf;
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.28px;
  max-width: max-content;
  gap: 4px;
  margin: 0 auto 4px;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-central
  .status.active::before {
  content: "";
  position: relative;
  width: 10px;
  height: 10px;
  background: #accb4a;
  border-radius: 50%;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central .status.check {
  background: rgba(251, 135, 76, 0.3);
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central .status.blocked {
  background: rgba(233, 42, 42, 0.2);
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-central
  .status.not-published {
  background: rgba(148, 148, 148, 0.2);
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central .title {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-central .description {
  width: 100%;
  display: block;
  white-space: nowrap;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .share-btn,
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .chat-btn {
  width: 34px;
  height: 34px;
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .share-btn svg path,
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .chat-btn svg path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .share-btn:hover,
  .product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .chat-btn:hover {
    background: #000;
  }
  .product-detail-page
    .container
    .product-detail-page-inner
    .product-detail-page-title
    .title-right
    .share-btn:hover
    svg
    path,
  .product-detail-page
    .container
    .product-detail-page-inner
    .product-detail-page-title
    .title-right
    .chat-btn:hover
    svg
    path {
    fill: #fff !important;
  }
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .chat-btn {
  background: #b2d7f4;
}
@media (min-width: 1024px) {
  .product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .chat-btn:hover {
    border-color: #b2d7f4;
    background: #f5f5f5;
  }
  .product-detail-page
    .container
    .product-detail-page-inner
    .product-detail-page-title
    .title-right
    .chat-btn:hover
    svg
    path {
    fill: #b2d7f4 !important;
  }
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .like-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  position: relative;
  transition: all 0.5s;
  z-index: 2;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .like-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon.svg) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .like-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg) no-repeat center center;
  background-size: contain;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s opacity;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .like-btn.active::after {
  opacity: 1;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .like-btn.active:hover {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .like-btn.active:hover::after {
  opacity: 1;
  background-image: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg);
}
@media (min-width: 1024px) {
  .product-detail-page .container .product-detail-page-inner .product-detail-page-title .title-right .like-btn:hover {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f9d1d1;
  }
  .product-detail-page
    .container
    .product-detail-page-inner
    .product-detail-page-title
    .title-right
    .like-btn:hover::after {
    opacity: 1;
    background-image: url(/local/templates/pappy_pets/css/../img/icons/mdi_heart.svg);
  }
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more {
  position: relative;
  z-index: 20;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more
  .hiden {
  position: absolute;
  min-width: max-content;
  right: 0px;
  top: 16px;
  padding-top: 20px;
  display: none;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more
  .hiden
  .hiden-menu {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 2px 5px 33.5px 0px rgba(0, 0, 0, 0.13);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more
  .hiden
  a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  color: #000;
  font-family: " Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.24px;
  position: relative;
  max-width: max-content;
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more
  .hiden
  a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  width: 0;
  transition: all 0.5s;
  background-color: #000;
}
@media (min-width: 1024px) {
  .product-detail-page
    .container
    .product-detail-page-inner
    .product-detail-page-title
    .title-right
    .product-detail-page-more
    .hiden
    a:hover::after {
    width: 85%;
  }
}
.product-detail-page
  .container
  .product-detail-page-inner
  .product-detail-page-title
  .title-right
  .product-detail-page-more:hover
  .hiden {
  display: block;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-content {
  width: 100%;
  margin-bottom: 48px;
}
.product-detail-page .container .product-detail-page-inner .product-detail-page-bottom {
  width: 100%;
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  border-radius: 16px 16px 0px 0px;
  background: #fff;
  box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  z-index: 20;
}

.contacts {
  width: 100%;
  padding: 0 0px 16px;
}
.contacts .container {
  width: 100%;
  max-width: 1200px;
}
.contacts .container .contacts-inner {
  width: 100%;
}
.contacts .container .contacts-inner .contacts-header {
  width: 100%;
  padding: 8px;
  margin-bottom: 16px;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .contacts .container .contacts-inner .contacts-header .back {
    width: 34px;
  }
}
.contacts .container .contacts-inner .contacts-header::after {
  content: "";
  position: relative;
  width: 48px;
  display: block;
}
@media (max-width: 1024px) {
  .contacts .container .contacts-inner .contacts-header::after {
    width: 34px;
  }
}
.contacts .container .contacts-inner .contacts-header h1 {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
@media (max-width: 1024px) {
  .contacts .container .contacts-inner .contacts-header h1 {
    font-size: 20px;
  }
}
.contacts .container .contacts-inner .contacts-content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 18px 8px;
}
@media (max-width: 1024px) {
  .contacts .container .contacts-inner .contacts-content {
    grid-template-columns: 1fr;
    grid-gap: 8px;
  }
}
.contacts .container .contacts-inner .contacts-content .contacts-item {
  width: 100%;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}
@media (min-width: 1024px) {
  .contacts .container .contacts-inner .contacts-content .contacts-item:last-child {
    grid-column: span 2;
  }
}
.contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-title {
  width: 100%;
  margin-bottom: 20px;
  max-width: 654px;
}
.contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-title .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
  letter-spacing: -0.5px;
  display: block;
  margin: 0;
}
.contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-title .description {
  color: rgba(0, 0, 0, 0.6);
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: -0.5px;
  display: block;
  margin-top: 8px;
}
.contacts .container .contacts-inner .contacts-content .contacts-item .social-link-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 16px;
  letter-spacing: -0.36px;
  transition: all 0.3s ease;
}
.contacts .container .contacts-inner .contacts-content .contacts-item .social-link-btn.blue {
  border-color: #59adee;
}


/* stylelint-disable */
.orders-header {
  margin-bottom: 16px;
}
.orders-header__inner {
  border-radius: 16px;
  padding: 16px;
  background-color: #fff;
}
.orders-header__title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 0.8;
  letter-spacing: -0.03em;
  color: #000;
}
@media (width <= 770.98px) {
  .orders-header__title {
    font-size: 20px;
  }
}
@media (width <= 580.98px) {
  .orders-header__title {
    font-size: 16px;
  }
}
.orders-header .container {
  padding: 0 16px;
  max-width: 1232px;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.disable-scroll {
  position: relative;
  overflow: hidden;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.graph-modal {
  --transition-time:0.3s;
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal__container {
  position: relative;
  width: 1000px;
  margin: auto;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  cursor: default;
  display: none;
}

@media (max-width: 1024px) {
  .graph-modal__container {
    width: 90%;
  }
}
.graph-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  padding: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.graph-modal.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity var(--transition-time), visibility var(--transition-time);
  transition: opacity var(--transition-time), visibility var(--transition-time);
}

.graph-modal__container.graph-modal-open {
  display: block;
}

.fade {
  opacity: 0;
}

.fade, .fade.animate-open {
  -webkit-transition: opacity var(--transition-time);
  transition: opacity var(--transition-time);
}

.fade.animate-open {
  opacity: 1;
}

.fadeInUp {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}

.fadeInUp, .fadeInUp.animate-open {
  -webkit-transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
  transition: opacity var(--transition-time), -webkit-transform var(--transition-time);
  transition: transform var(--transition-time), opacity var(--transition-time);
  transition: transform var(--transition-time), opacity var(--transition-time), -webkit-transform var(--transition-time);
}

.fadeInUp.animate-open {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.orders {
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.orders__inner {
  border-radius: 16px;
  padding: 16px;
  background-color: #fff;
}
.orders__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 10px;
}
.orders__header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
  gap: 7px;
}
.orders__header-title-num {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #febece;
}
.orders__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media (width <= 770.98px) {
  .orders__header-box {
    width: 100%;
  }
}
@media (width <= 580.98px) {
  .orders__header-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.orders__main-wrap {
  margin-bottom: 40px;
}
@media (width <= 1040.98px) {
  .orders__main-wrap {
    overflow-x: scroll;
  }
}
.orders__main {
  min-width: 990px;
}
.orders__main-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 10px;
}
.orders__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.orders__tab {
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (width <= 580.98px) {
  .orders__tab {
    padding: 4px 6px;
    font-size: 12px;
  }
}
@media (any-hover: hover) {
  .orders__tab:hover {
    background-color: rgba(254, 190, 206, 0.2);
  }
}
@media (any-hover: none) {
  .orders__tab:active {
    background-color: rgba(254, 190, 206, 0.2);
  }
}
.orders__tab--active {
  background-color: #febece;
}
@media (any-hover: hover) {
  .orders__tab--active:hover {
    background-color: #febece;
  }
}
@media (any-hover: none) {
  .orders__tab--active:active {
    background-color: #febece;
  }
}
.orders__tab--active span {
  color: #000;
}
.orders__tab-num {
  color: #febece;
}
.orders__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
}
.orders__sorting .choices {
  overflow: visible;
  width: 100%;
}
.orders__sorting .choices::after {
  content: "";
  position: absolute;
  left: -28px;
  right: auto;
  top: 1px;
  z-index: 10;
  margin-top: 0;
  border: none;
  border-width: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.35352 0.353577L4.35352 4.35358L0.353515 0.353577' stroke='%23222222' /%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.orders__sorting .choices.is-open::after {
  margin-top: 0;
  rotate: 180deg;
}
.orders__sorting .choices__inner {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border: none;
  border-radius: 2.5px;
  padding: 0;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  font-size: 14px;
  background-color: #fff;
}
.orders__sorting .choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0;
}
.orders__sorting .choices__list--single {
  padding: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #51bbeb;
}
.orders__sorting .choices__placeholder {
  opacity: 1;
}
.orders__sorting .choices__list--dropdown,
.orders__sorting .choices__list[aria-expanded] {
  right: 0;
  top: 32px;
  border: none;
  border-radius: 16px;
  padding: 16px;
  width: 182px;
  -webkit-box-shadow: 0 4px 7px 0 rgba(179, 177, 177, 0.25);
  box-shadow: 0 4px 7px 0 rgba(179, 177, 177, 0.25);
  background-color: #fff;
}
.orders__sorting .choices__list--dropdown .choices__item--selectable.is-highlighted,
.orders__sorting .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  position: relative;
  background-color: transparent;
}
.orders__sorting .choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.orders__sorting .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #51bbeb;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.orders__sorting .choices__list--dropdown .choices__item,
.orders__sorting .choices__list[aria-expanded] .choices__item {
  padding-left: 14px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
}
.orders__sorting-label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
}
.orders__main-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(70px, 1fr) minmax(106px, 1fr) minmax(188px, 2fr) minmax(54px, 1fr) minmax(132px, 1fr) minmax(48px, 1fr);
  grid-template-columns: minmax(70px, 1fr) minmax(106px, 1fr) minmax(188px, 2fr) minmax(54px, 1fr) minmax(132px, 1fr) minmax(48px, 1fr);
  margin-bottom: 12px;
  border-radius: 10px;
  padding: 12px 23px;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
  background-color: #f8f8f8;
  gap: 40px;
}
.orders__list {
  padding: 0 23px;
}
.orders__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(70px, 1fr) minmax(106px, 1fr) minmax(188px, 2fr) minmax(54px, 1fr) minmax(132px, 1fr) minmax(48px, 1fr);
  grid-template-columns: minmax(70px, 1fr) minmax(106px, 1fr) minmax(188px, 2fr) minmax(54px, 1fr) minmax(132px, 1fr) minmax(48px, 1fr);
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
  gap: 40px;
}
.orders__item-number {
  cursor: pointer;
}
@media (any-hover: hover) {
  .orders__item-number:hover {
    opacity: 0.7;
  }
}
@media (any-hover: none) {
  .orders__item-number:active {
    opacity: 0.7;
  }
}
.orders__item-time {
  min-width: 107px;
}
.orders__item-compound {
  line-height: 1.679;
}
.orders__item-price {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
}
.orders__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px 50px;
}
@media (width <= 580.98px) {
  .orders__footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.orders__select-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
  gap: 8px;
}
.orders__select-pages .choices {
  margin-bottom: 0;
}
.orders__select-pages .choices::after {
  right: 8px;
  top: 8px;
  margin-top: 0;
  border: none;
  border-width: 0;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.19064 5.37814C3.3615 5.20729 3.6385 5.20729 3.80936 5.37814L7 8.56878L10.1906 5.37814C10.3615 5.20729 10.6385 5.20729 10.8094 5.37814C10.9802 5.549 10.9802 5.826 10.8094 5.99686L7.30936 9.49686C7.1385 9.66771 6.8615 9.66771 6.69064 9.49686L3.19064 5.99686C3.01979 5.826 3.01979 5.549 3.19064 5.37814Z' fill='%236D6E75' /%3e%3c/svg%3e");
}
.orders__select-pages .choices.choices.is-open::after {
  margin-top: 0;
  rotate: 180deg;
}
.orders__select-pages .choices .choices__inner {
  border: none;
  border-radius: 6px;
  padding: 7px 26px 8px 10px;
  min-height: auto;
  background-color: #f7f7fb;
}
.orders__select-pages .choices .choices__list--single {
  padding: 0;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders__select-pages .choices .choices__item {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders__pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.orders__pagination-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 7px;
  width: 30px;
  height: 30px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
  background-color: #f8f8f8;
  cursor: pointer;
}
@media (any-hover: hover) {
  .orders__pagination-link:hover {
    background-color: rgba(254, 190, 206, 0.2);
  }
}
@media (any-hover: none) {
  .orders__pagination-link:active {
    background-color: rgba(254, 190, 206, 0.2);
  }
}
@media (any-hover: hover) {
  .orders__pagination-link.disabled:hover {
    background-color: #f8f8f8;
  }
}
@media (any-hover: none) {
  .orders__pagination-link.disabled:active {
    background-color: #f8f8f8;
  }
}
.orders__pagination-link.active {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
  background-color: #febece;
  cursor: auto;
}
.orders__pagination-link--prev svg path {
  fill: #000;
}
.orders__pagination-link--prev.disabled svg path {
  fill: #9291a5;
}
.orders__pagination-link--ellipsis {
  background-color: #fff;
}
.orders .container {
  padding: 0 16px;
  max-width: 1232px;
}

.orders-search {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 381px;
  flex-basis: 381px;
}
@media (width <= 770.98px) {
  .orders-search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
.orders-search svg {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.orders-search input {
  border: none;
  border-radius: 10px;
  padding: 9px 10px 9px 32px;
  width: 100%;
  height: 32px;
  background-color: #f8f8f8;
}
.orders-search input::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-search input::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-search input:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-search input::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-search input::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}

.orders-status {
  border-radius: 100px;
  padding: 4px 12px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.orders-status.timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}
.orders-status.timer svg circle {
  stroke: currentcolor;
}
.orders-status.timer svg path {
  fill: currentcolor;
  stroke: currentcolor;
}
.orders-status--blue {
  color: #457297;
  background-color: rgba(202, 231, 255, 0.3);
}
.orders-status--red {
  color: #ba482c;
  background-color: rgba(255, 209, 207, 0.3);
}
.orders-status--green {
  color: #72a745;
  background: rgba(231, 255, 207, 0.5);
}
.orders-status--yellow {
  color: #edd419;
  background-color: rgba(255, 249, 200, 0.5);
}
.orders-status--grey {
  color: #b5b5b5;
  background-color: rgba(238, 240, 242, 0.5);
}
.orders-status--dark-grey {
  color: #fff;
  background-color: rgba(85, 85, 85, 0.5);
}

.daterange {
  position: relative;
}
@media (width <= 770.98px) {
  .daterange {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (width <= 580.98px) {
  .daterange {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.daterange svg {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.daterange::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 9L12 15L6 9' stroke='black' /%3e%3c/svg%3e");
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.daterange__input {
  border: none;
  border-radius: 10px;
  padding: 8px 36px 8px 44px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
  background-color: #f8f8f8;
  cursor: pointer;
}
@media (width <= 580.98px) {
  .daterange__input {
    width: 100%;
  }
}

.daterangepicker .drp-buttons .btn {
  font-family: "Inter", sans-serif;
}

.graph-modal__container {
  border-radius: 16px;
  padding: 16px;
  width: 100%;
  max-width: 608px;
}
@media (width <= 770.98px) {
  .graph-modal__container {
    padding-top: 21px;
  }
}
@media (width <= 580.98px) {
  .graph-modal__container {
    max-width: 343px;
  }
}

.graph-modal__close {
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M6 6L18 18' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.orders-modal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  gap: 10px 16px;
}
@media (width <= 580.98px) {
  .orders-modal__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.orders-modal__top-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 0.8;
  letter-spacing: -0.04em;
  color: #000;
}
.orders-modal__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media (width <= 580.98px) {
  .orders-modal__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.orders-modal__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  width: 200px;
  height: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
  background-color: #f8f8f8;
}
.orders-modal__btn--pink {
  background-color: #febece;
}
@media (width <= 580.98px) {
  .orders-modal__btn {
    width: 100%;
  }
}
.orders-modal__title {
  margin-bottom: 21px;
  font-weight: 500;
  font-size: 24px;
  line-height: 0.8;
  letter-spacing: -0.03em;
  color: #000;
}
@media (width <= 770.98px) {
  .orders-modal__title {
    font-size: 20px;
  }
}
@media (width <= 580.98px) {
  .orders-modal__title {
    font-size: 16px;
  }
}
.orders-modal__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.orders-modal__form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  padding: 12px;
  gap: 12px;
}
.orders-modal__form-title {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
}
.orders-modal__form-textarea {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 14px 12px;
  height: 110px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #000;
  background-color: #f5f5f5;
  resize: none;
}
.orders-modal__form-textarea::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-textarea::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-textarea:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-textarea::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-textarea::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-btn {
  margin-left: auto;
}
.orders-modal__form-input {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 13px 12px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  background-color: #f5f5f5;
}
.orders-modal__form-input::-webkit-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-input::-moz-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-input:-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-input::-ms-input-placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__form-input::placeholder {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__info {
  margin-bottom: 36px;
}
.orders-modal__info-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 16px;
  border-radius: 10px;
  padding: 12px;
  background-color: #f8f8f8;
  gap: 12px;
}
.orders-modal__info-top span {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.04em;
  color: rgba(0, 0, 0, 0.5);
}
.orders-modal__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.orders-modal__info-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 12px;
  gap: 12px;
}
.orders-modal__info-item span {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}
@media (width <= 580.98px) {
  .orders-modal__info-item span {
    font-size: 12px;
  }
}
.orders-modal__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.orders-modal__btn-close {
  border-radius: 10px;
  padding: 12px 43px;
  width: 140px;
  height: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
  background-color: #f8f8f8;
}
.orders-modal .custom-checkbox {
  position: relative;
}
.orders-modal .custom-checkbox__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.orders-modal .custom-checkbox__content {
  padding-left: 26px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #000;
  cursor: pointer;
}
.orders-modal .custom-checkbox__content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #febece;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.orders-modal .custom-checkbox__content::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 11px;
  height: 11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 6.16044L4.5 9.66044L9.5 1.00018' stroke='%2333363F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-position: center;
  background-size: 11px 11px;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.orders-modal .custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}
.orders-modal .custom-checkbox__field:focus-visible + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}
.orders-modal .custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

.order-header {
  margin-bottom: 16px;
}
.order-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  padding: 16px;
  background-color: #fff;
  gap: 16px;
}
@media (width <= 770.98px) {
  .order-header__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (width <= 390.98px) {
  .order-header__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.order-header__title {
  font-weight: 500;
  font-size: 24px;
  line-height: 0.8;
  letter-spacing: -0.03em;
  color: #000;
}
@media (width <= 770.98px) {
  .order-header__title {
    font-size: 20px;
  }
}
@media (width <= 580.98px) {
  .order-header__title {
    font-size: 16px;
  }
}
.order-header .container {
  padding: 0 16px;
  max-width: 1232px;
}

.order-status {
  margin-bottom: 16px;
}
.order-status__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  padding: 10px 10px 10px 20px;
  background-color: #fff;
  gap: 16px;
}
@media (width <= 770.98px) {
  .order-status__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 16px;
  }
}
@media (width <= 770.98px) {
  .order-status__inner:has(.timer) .order-status__btn--pink {
    width: 100%;
  }
}
.order-status__inner:has(.order-status__info) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (width <= 770.98px) {
  .order-status__inner:has(.order-status__info) .order-status__btn--pink {
    width: calc(100% - 56px);
  }
}
.order-status__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.order-status__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 0.8;
  letter-spacing: -0.04em;
  color: #000;
}
.order-status__history {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #898989;
}
.order-status__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
@media (width <= 770.98px) {
  .order-status__btns {
    width: 100%;
  }
}
@media (width <= 580.98px) {
  .order-status__btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.order-status__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  padding: 12px 43px;
  width: 259px;
  height: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #000;
  background-color: #f8f8f8;
}
@media (width <= 770.98px) {
  .order-status__btn {
    width: 250px;
  }
}
.order-status__btn--pink {
  background-color: #febece;
}
@media (width <= 580.98px) {
  .order-status__btn--pink {
    width: 100%;
  }
}
@media (width <= 580.98px) {
  .order-status__btn--grey {
    width: calc(100% - 56px);
  }
}
.order-status .container {
  padding: 0 16px;
  max-width: 1232px;
}

.order {
  margin-bottom: 16px;
}
.order__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.order__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 16px;
  padding: 12px;
  background-color: #fff;
}
.order__block--full {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.order__block--small {
  -ms-flex-preferred-size: calc(50% - 8px);
  flex-basis: calc(50% - 8px);
}
@media (width <= 1040.98px) {
  .order__block--small {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.order__title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: rgba(0, 0, 0, 0.9);
}
.order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 11px;
  padding: 10px;
  background-color: #fff;
  gap: 12px;
}
@media (width <= 580.98px) {
  .order__item {
    padding: 9px 11px;
  }
}
.order__img-wrap {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  width: 139px;
  height: 109px;
  background-color: #f5f5f5;
}
.order__img-wrap img {
  max-width: 100%;
}
@media (width <= 580.98px) {
  .order__img-wrap {
    width: 135px;
    height: 135px;
  }
}
.order__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.order__item-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #000;
}
@media (width <= 580.98px) {
  .order__item-title {
    font-size: 13px;
  }
}
.order__item-price {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #000;
}
@media (width <= 580.98px) {
  .order__item-price {
    font-size: 15px;
    line-height: 1;
  }
}
.order__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.1;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  gap: 4px 10px;
}
.order__item-info span {
  position: relative;
}
.order__item-info span::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.order__item-info span:last-child::after {
  content: none;
}
.order__item-location {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.1;
  color: rgba(0, 0, 0, 0.5);
}
.order__item-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: auto;
  gap: 16px;
}
@media (width <= 580.98px) {
  .order__item-total {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    gap: 8px;
  }
}
.order__item-sum {
  border-radius: 10px;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #000;
  background-color: #f8f8f8;
}
@media (width <= 580.98px) {
  .order__item-sum {
    border-radius: 4px;
    padding: 4px 10px;
  }
}
.order__item-total-price {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.02em;
  color: #000;
}
@media (width <= 580.98px) {
  .order__item-total-price {
    font-size: 15px;
    line-height: 1;
  }
}
.order__block-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 14px 0;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  text-align: right;
  gap: 4px 8px;
}
@media (width <= 580.98px) {
  .order__block-item {
    padding: 16px 0;
  }
}
.order__block-item dt {
  color: rgba(0, 0, 0, 0.5);
}
@media (width <= 580.98px) {
  .order__block-item dt {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: left;
  }
}
.order__block-item dd {
  color: rgba(0, 0, 0, 0.9);
}
@media (width <= 580.98px) {
  .order__block-item dd {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
.order__block-list--finance {
  margin-bottom: auto;
}
.order__block-list--finance .order__block-item {
  margin-bottom: 4px;
  border-bottom: none;
  padding: 2px 0;
}
.order__block-list--finance .order__block-item dd {
  color: rgba(0, 0, 0, 0.5);
}
.order__block-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -0.03em;
  color: #000;
}
.order__block-total span {
  font-weight: 500;
}
.order .container {
  padding: 0 16px;
  max-width: 1232px;
}

@media (min-width: 1024px) {
  .contacts .container .contacts-inner .contacts-content .contacts-item .social-link-btn.blue:hover {
    background-color: #59adee;
    color: #fff;
  }
}
.contacts .container .contacts-inner .contacts-content .contacts-item .social-link-btn.orange {
  border-color: #fb874c;
}
@media (min-width: 1024px) {
  .contacts .container .contacts-inner .contacts-content .contacts-item .social-link-btn.orange:hover {
    background-color: #fb874c;
    color: #fff;
  }
}
.contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 1024px) {
  .contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-form {
    flex-direction: column;
  }
}
.contacts .container .contacts-inner .contacts-content .contacts-item .contacts-item-form .contacts-item-form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contacts
  .container
  .contacts-inner
  .contacts-content
  .contacts-item
  .contacts-item-form
  .contacts-item-form-item
  .flex {
  gap: 20px;
}
@media (max-width: 1024px) {
  .contacts
    .container
    .contacts-inner
    .contacts-content
    .contacts-item
    .contacts-item-form
    .contacts-item-form-item
    .flex {
    flex-direction: column;
  }
}
.contacts
  .container
  .contacts-inner
  .contacts-content
  .contacts-item
  .contacts-item-form
  .contacts-item-form-item
  .slide-btn {
  justify-content: space-between;
  width: 100%;
}
.contacts
  .container
  .contacts-inner
  .contacts-content
  .contacts-item
  .contacts-item-form
  .contacts-item-form-item
  .input-text
  .textarea {
  height: 132px;
}
.contacts .container .contacts-inner .contacts-content .contacts-item:last-child .contacts-item-title {
  margin-bottom: 40px;
}

.blog-item {
  width: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.blog-item:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.blog-item .blog-item-img {
  width: 100%;
  height: 446px;
}
.blog-item .blog-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-item .blog-item-content {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.81%, rgba(0, 0, 0, 0.74) 99.91%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.blog-item .blog-item-content .all-link {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.blog-item .blog-item-content .date {
  color: #fff;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.5px;
  position: absolute;
  top: 46px;
  transform: rotate(-90deg);
  left: -18px;
}
.blog-item .blog-item-content .blog-item-text {
  width: 100%;
  padding: 16px;
}
.blog-item .blog-item-content .blog-item-text .heshtag {
  color: #fff;
  font-family: inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}
.blog-item .blog-item-content .blog-item-text .title {
  color: #fff;
  font-family: "Peace Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.953%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

.blog {
  width: 100%;
  padding: 40px 0 20px;
  background: #fff;
}
.blog .container {
  max-width: 1178px;
}
.blog .container .blog-inner {
  width: 100%;
}
.blog .container .blog-inner .blog-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-header {
    padding: 0 16px;
  }
}
.blog .container .blog-inner .blog-header::after {
  content: "";
  position: relative;
  width: 48px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-header::after {
    width: 34px;
  }
}
.blog .container .blog-inner .blog-header .back {
  width: 48px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-header .back {
    width: 34px;
  }
}
.blog .container .blog-inner .blog-header .logo {
  width: 160px;
  display: block;
}
.blog .container .blog-inner .blog-header .logo img {
  width: 100%;
}
.blog .container .blog-inner .blog-title {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-title {
    padding: 0 16px;
  }
}
.blog .container .blog-inner .blog-title .blog-brendcrumbs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
}
.blog .container .blog-inner .blog-title .blog-brendcrumbs a,
.blog .container .blog-inner .blog-title .blog-brendcrumbs span {
  color: var(--Light-gray-1, #808080);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 144%;
}
.blog .container .blog-inner .blog-title .blog-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-title .blog-buttons {
    flex-wrap: wrap;
  }
}
@media (max-width: 520px) {
  .blog .container .blog-inner .blog-title .blog-buttons {
    gap: 4px;
  }
}
.blog .container .blog-inner .blog-title .blog-buttons .button {
  max-width: 116px;
  height: 34px;
  border-radius: 56px;
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.41px;
  text-transform: uppercase;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
}
.blog .container .blog-inner .blog-title .blog-buttons .button.active {
  border: 2px solid #5c4033;
  background: #f5f5f5;
}
@media (max-width: 520px) {
  .blog .container .blog-inner .blog-title .blog-buttons .button {
    font-size: 10px;
  }
}
.blog .container .blog-inner .blog-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog .container .blog-inner .blog-detail-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  margin-bottom: 60px;
  margin-top: 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-top {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-top .blog-detail-info {
    padding: 0px 16px;
    gap: 12px;
  }
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-brendcrumbs {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-brendcrumbs a,
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-brendcrumbs span {
  color: var(--Light-gray-1, #808080);
  font-family: inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 144%;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-title {
  width: 100%;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-title h1 {
  color: #000;
  font-family: "Peace Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.953%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-title h1 {
    font-size: 32px;
  }
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-title h4 {
  color: rgba(0, 0, 0, 0.7);
  font-family: inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom {
  width: 100%;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .date {
  color: #000;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  text-transform: lowercase;
  display: block;
  margin-bottom: 6px;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex {
  width: 100%;
  justify-content: space-between;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex .heshtags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex .heshtags span {
  color: #fb874c;
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  text-transform: lowercase;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex .buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex .buttons .share-btn {
  width: 34px;
  height: 34px;
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .share-btn
  svg
  path {
  transition: all 0.5s;
}
@media (min-width: 1024px) {
  .blog
    .container
    .blog-inner
    .blog-detail-top
    .blog-detail-info
    .blog-detail-info-bottom
    .flex
    .buttons
    .share-btn:hover {
    background: #000;
  }
  .blog
    .container
    .blog-inner
    .blog-detail-top
    .blog-detail-info
    .blog-detail-info-bottom
    .flex
    .buttons
    .share-btn:hover
    svg
    path {
    fill: #fff !important;
  }
}
.blog .container .blog-inner .blog-detail-top .blog-detail-info .blog-detail-info-bottom .flex .buttons .like-btn {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  position: relative;
  transition: all 0.5s;
  z-index: 2;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .like-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon.svg) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .like-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg) no-repeat center center;
  background-size: contain;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s opacity;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .like-btn.active::after {
  opacity: 1;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .like-btn.active:hover {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.blog
  .container
  .blog-inner
  .blog-detail-top
  .blog-detail-info
  .blog-detail-info-bottom
  .flex
  .buttons
  .like-btn.active:hover::after {
  opacity: 1;
  background-image: url(/local/templates/pappy_pets/css/../img/icons/like-icon-active.svg);
}
@media (min-width: 1024px) {
  .blog
    .container
    .blog-inner
    .blog-detail-top
    .blog-detail-info
    .blog-detail-info-bottom
    .flex
    .buttons
    .like-btn:hover {
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #f9d1d1;
  }
  .blog
    .container
    .blog-inner
    .blog-detail-top
    .blog-detail-info
    .blog-detail-info-bottom
    .flex
    .buttons
    .like-btn:hover::after {
    opacity: 1;
    background-image: url(/local/templates/pappy_pets/css/../img/icons/mdi_heart.svg);
  }
}
.blog .container .blog-inner .blog-detail-top .blog-detail-img {
  width: 100%;
}
.blog .container .blog-inner .blog-detail-top .blog-detail-img img {
  width: 100%;
  height: 578px;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-top .blog-detail-img img {
    height: 560px;
  }
}
.blog .container .blog-inner .blog-detail-body {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 80px;
}
@media (max-width: 768px) {
  .blog .container .blog-inner .blog-detail-body {
    padding: 0 16px;
    margin-bottom: 40px;
  }
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item {
  width: 100%;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-body .blog-detail-body-item {
    margin-bottom: 40px;
  }
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item:nth-last-child(2) {
  margin-bottom: 0;
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item p {
  color: rgba(0, 0, 0, 0.7);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-body .blog-detail-body-item p {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item p:last-child {
  margin-bottom: 0;
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item .blog-detail-body-img {
  width: 100%;
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item .blog-detail-body-img img {
  width: 100%;
}
.blog .container .blog-inner .blog-detail-body .blog-detail-body-item h3 {
  color: #000;
  font-family: inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  margin-bottom: 16px;
}
.blog .container .blog-inner .blog-detail-body .fixed-buttons {
  width: 32px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  border-radius: 50px;
  background: #000;
  position: sticky;
  bottom: 20px;
  left: 100%;
  margin-right: -48px;
  margin-top: -72px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-detail-body .fixed-buttons {
    left: unset;
    right: 10px;
    position: fixed;
    z-index: 100;
    margin: 0;
  }
}
.blog .container .blog-inner .blog-detail-body .fixed-buttons button:nth-child(2) svg path {
  transition: all 0.5s;
  fill: #fff !important;
}
.blog .container .blog-inner .blog-detail-body .fixed-buttons button:nth-child(2):focus svg path {
  fill: #f9d1d1 !important;
}
.blog .container .blog-inner .blog-rec-products {
  width: 100%;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-rec-products {
    padding: 0px 16px;
    margin-bottom: 34px;
  }
}
.blog .container .blog-inner .blog-rec-products h3 {
  color: #000;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.953%;
  /* 45.981px */
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-rec-products h3 {
    font-size: 32px;
  }
}
.blog .container .blog-inner .blog-rec-products .flex {
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-rec-products .flex {
    overflow: auto;
  }
}
@media (max-width: 768px) {
  .blog .container .blog-inner .blog-rec-products .flex {
    overflow: unset;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog .container .blog-inner .blog-rec-products .flex .product-item {
  width: 100%;
  max-width: 188px;
  min-width: 168px;
  padding: 8px;
  border-radius: 16px;
  background: #f5f5f5;
  box-shadow: unset;
}
@media (max-width: 768px) {
  .blog .container .blog-inner .blog-rec-products .flex .product-item {
    max-width: 100%;
    min-width: 100%;
  }
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-img {
  margin-bottom: 8px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-img img {
  height: 140px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .product-item-info-title {
  align-items: center;
  margin-bottom: 4px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .product-item-info-title h4 {
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.5px;
  margin: 0;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .product-item-info-title h4 a {
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.5px;
}
.blog
  .container
  .blog-inner
  .blog-rec-products
  .flex
  .product-item
  .product-item-info
  .product-item-info-title
  .like-btn {
  width: 30px;
  height: 30px;
  min-width: 30px;
  max-width: 30px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .price {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .product-item-char {
  margin-bottom: 8px;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .product-item-char span {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.blog .container .blog-inner .blog-rec-products .flex .product-item .product-item-info .city {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 160% */
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}
.blog .container .blog-inner .blog-more-news {
  width: 100%;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-more-news {
    padding: 0px 16px;
  }
}
.blog .container .blog-inner .blog-more-news h3 {
  color: #000;
  text-align: center;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 114.953%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-more-news h3 {
    font-size: 32px;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-more-news .slideprev,
  .blog .container .blog-inner .blog-more-news .slidenext {
    display: none;
  }
}
.blog .container .blog-inner .blog-more-news .flex {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.blog .container .blog-inner .blog-more-news .flex .blog-swiper {
  width: 100%;
}
.blog .container .blog-inner .blog-more-news .flex .blog-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  max-width: 554px;
}
@media (max-width: 1024px) {
  .blog .container .blog-inner .blog-more-news .flex .blog-swiper .swiper-wrapper .swiper-slide {
    max-width: 320px;
  }
  .blog
    .container
    .blog-inner
    .blog-more-news
    .flex
    .blog-swiper
    .swiper-wrapper
    .swiper-slide
    .blog-item
    .blog-item-img {
    height: 286px;
  }
}

.blog-home {
  background: unset;
  padding: 0 16px 100px;
}
@media (max-width: 1024px) {
  .blog-home {
    padding-bottom: 40px;
  }
}
.blog-home .container {
  max-width: 1200px;
}
.blog-home .container .blog-inner h2 {
  color: #000;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.66px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .blog-home .container .blog-inner h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.blog-home .container .blog-inner .blog-grid {
  grid-gap: 20px;
  margin-bottom: 20px;
}
.blog-home .container .blog-inner .blog-grid .blog-item {
  border-radius: 20px;
  overflow: hidden;
}
.blog-home .container .blog-inner .blog-home__bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-home .container .blog-inner .blog-home__bottom button {
  max-width: 286px;
  height: 62px;
  font-size: 20px;
  font-weight: 500;
  background: #9fe0ff;
  border-color: #9fe0ff;
  color: #193947;
  border-radius: 20px;
}
.blog-home .container .blog-inner .blog-home__bottom button:hover {
  background: transparent;
}
@media (max-width: 1024px) {
  .blog-home .container .blog-inner .blog-home__bottom button {
    max-width: unset;
  }
}

#upload-avatar-modal .modal-container {
  max-width: 600px;
  padding: 0;
}
@media (max-width: 1024px) {
  #upload-avatar-modal .modal-container {
    max-width: 100%;
  }
}
#upload-avatar-modal .modal-container .modal-header {
  padding: 34px 12px 24px;
}
#upload-avatar-modal .modal-container .modal-content {
  padding: 12px;
  position: relative;
}
#upload-avatar-modal .modal-container .modal-content .edit-banner-img {
  width: 100%;
  height: 60dvh;
}
#upload-avatar-modal .modal-container .modal-content .edit-banner-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#upload-avatar-modal .modal-container .modal-content .photo-upload .uploaded-photo-item .uploaded-img,
#upload-avatar-modal .modal-container .modal-content .photo-upload .photo-upload-area .input-photo {
  height: 60dvh;
}
#upload-avatar-modal .modal-container .modal-content .photo-slice {
  width: calc(100% - 24px);
  height: 60dvh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: none;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
}
#upload-avatar-modal .modal-container .modal-content .photo-slice .overlay {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  flex: 1 1 auto;
}
#upload-avatar-modal .modal-container .modal-content .photo-slice .border {
  border: 1px dashed #fff;
  border-radius: 50%;
  width: 230px;
  height: 230px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: move;
}
#upload-avatar-modal .modal-container .modal-content .personal-room-user {
  display: none;
}
#upload-avatar-modal .modal-container .modal-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px;
}

#add-to-cart-modal {
  width: 100%;
}
#add-to-cart-modal .modal-container {
  max-width: 640px;
  width: 100%;
  background: #ebebeb;
  padding: 0;
}
#add-to-cart-modal .modal-container .modal-header {
  padding: 22px 12px 12px;
  border-radius: 16px;
  background: #fff;
}
#add-to-cart-modal .modal-container .modal-header .modal-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
#add-to-cart-modal .modal-container .modal-content {
  padding: 12px;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  margin-top: 8px;
}
#add-to-cart-modal .modal-container .modal-content .sale-info {
  border-radius: 7px;
  background: #bee2ff;
  padding: 8px;
  width: 100%;
  margin-bottom: 12px;
}
#add-to-cart-modal .modal-container .modal-content .sale-info .title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 6px;
}
#add-to-cart-modal .modal-container .modal-content .sale-info .description {
  color: rgba(0, 0, 0, 0.6);
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
  margin: 0;
}
#add-to-cart-modal .modal-container .modal-content .product-item {
  padding: 0;
  box-shadow: unset !important;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-img {
  max-width: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-img img {
  height: 80px;
  background: unset;
  border-radius: 8px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-img .sale-title,
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-img .sale-percent {
  position: absolute;
  left: -32px;
  top: 10px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: #59adee;
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.371px;
  transform: rotate(-45deg);
  width: 100px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-img .sale-percent {
  left: unset;
  right: -32px;
  top: unset;
  bottom: 10px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-info .product-item-info-title {
  margin-bottom: 6px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-info .product-item-info-title h4 {
  margin: 0;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-info .product-item-info-title h4 a {
  font-size: 16px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-info .product-item-char {
  max-width: 182px;
  gap: 2px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .product-item-info .product-item-char span {
  font-size: 12px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 20px;
  min-width: max-content;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price .old-price .title {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 2px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price .old-price .price {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  display: block;
  margin: 0;
  text-align: right;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price .sale-price {
  gap: 0;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price .sale-price .title {
  color: #000;
  text-align: right;
  font-family: " Inter";
  font-size: 8px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  display: block;
  margin: 2px;
}
#add-to-cart-modal .modal-container .modal-content .product-item .sale-price .sale-price .price {
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.5px;
}
#add-to-cart-modal .modal-container .modal-bottom {
  padding: 12px;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}
.product-detail-starter-pak {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.product-detail-starter-pak .sale-info {
  border-radius: 7px;
  background: #bee2ff;
  padding: 8px;
  width: 100%;
  margin-bottom: 12px;
}
.product-detail-starter-pak .sale-info .title {
  color: #000;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 6px;
}
.product-detail-starter-pak .sale-info .description {
  color: rgba(0, 0, 0, 0.6);
  font-family: inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
  margin: 0;
}
.product-detail-starter-pak .product-item {
  padding: 0;
  box-shadow: unset !important;
}
.product-detail-starter-pak .product-item .product-item-img {
  max-width: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
.product-detail-starter-pak .product-item .product-item-img img {
  height: 80px;
  background: unset;
  border-radius: 8px;
}
.product-detail-starter-pak .product-item .product-item-img .sale-title,
.product-detail-starter-pak .product-item .product-item-img .sale-percent {
  position: absolute;
  left: -32px;
  top: 10px;
  background: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  background: #59adee;
  color: #fff;
  text-align: center;
  font-family: inter;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.371px;
  transform: rotate(-45deg);
  width: 100px;
}
.product-detail-starter-pak .product-item .product-item-img .sale-percent {
  left: unset;
  right: -32px;
  top: unset;
  bottom: 10px;
}
.product-detail-starter-pak .product-item .product-item-info .product-item-info-title {
  margin-bottom: 6px;
}
.product-detail-starter-pak .product-item .product-item-info .product-item-info-title h4 {
  margin: 0;
}
.product-detail-starter-pak .product-item .product-item-info .product-item-info-title h4 a {
  font-size: 16px;
}
.product-detail-starter-pak .product-item .product-item-info .product-item-char {
  max-width: 182px;
  gap: 2px;
}
.product-detail-starter-pak .product-item .product-item-info .product-item-char span {
  font-size: 12px;
}
.product-detail-starter-pak .product-item .sale-price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  gap: 20px;
  min-width: max-content;
}
.product-detail-starter-pak .product-item .sale-price .old-price .title {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  margin-bottom: 2px;
}
.product-detail-starter-pak .product-item .sale-price .old-price .price {
  color: rgba(0, 0, 0, 0.4);
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.5px;
  text-decoration-line: line-through;
  display: block;
  margin: 0;
  text-align: right;
}
.product-detail-starter-pak .product-item .sale-price .sale-price {
  gap: 0;
}
.product-detail-starter-pak .product-item .sale-price .sale-price .title {
  color: #000;
  text-align: right;
  font-family: " Inter";
  font-size: 8px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  display: block;
  margin: 2px;
}
.product-detail-starter-pak .product-item .sale-price .sale-price .price {
  color: #000;
  font-family: " Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 510;
  line-height: 120%;
  letter-spacing: -0.5px;
}
.product-detail-starter-pak .flex {
  gap: 10px;
}

#optional-order-modal .modal-container {
  max-width: 640px;
  gap: 0px;
  background: #ebebeb;
  padding: 0;
}
#optional-order-modal .modal-container .modal-header {
  padding: 24px 16px 16px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 8px;
}
#optional-order-modal .modal-container .modal-content {
  padding: 16px;
  background: #fff;
  border-radius: 16px 16px 0 0;
  margin: 0;
}
#optional-order-modal .modal-container .modal-bottom {
  padding: 16px;
  border-radius: 0 0 16px 16px;
  background: #fff;
  margin: 0;
}

#filter-modal {
  padding: 0;
}
#filter-modal.open .modal-container {
  width: 100%;
  right: 0;
}
#filter-modal .modal-container {
  max-width: 688px;
  background: #ebebeb;
  padding: 0;
  border-radius: 0;
  height: 100%;
  right: 0;
  left: unset;
  top: 0;
  transform: none;
  overflow: auto;
  gap: 8px;
  transition: all 0.8s;
}
@media (min-width: 1024px) {
  #filter-modal .modal-container {
    width: 0;
    right: 100%;
  }
}
#filter-modal .modal-container .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 8px;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 8px;
  position: sticky;
  padding-right: 20px;
  top: 0;
  z-index: 4;
}
#filter-modal .modal-container .modal-header::after {
  display: none;
}
#filter-modal .modal-container .modal-header .reset-btn {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
  padding: 0 4px;
  position: relative;
}
#filter-modal .modal-container .modal-header .reset-btn::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  transition: all 0.5s;
}
#filter-modal .modal-container .modal-header .reset-btn:hover::before {
  width: 100%;
}
#filter-modal .modal-container .modal-header .back {
  background-image: url(/local/templates/pappy_pets/css/../img/icons/back.svg);
  display: block;
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  background-position: center;
}
#filter-modal .modal-container .modal-header .close-modal {
  width: 62px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  background-position: left;
  background-color: unset;
}
#filter-modal .modal-container .modal-content {
  padding: 12px 32px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  #filter-modal .modal-container .modal-content {
    padding: 12px;
  }
}
#filter-modal .modal-container .modal-content .filter-modal-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .eye-color-item .question {
  margin-top: 14px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item {
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .address-dropdown {
  top: 70px;
  bottom: unset;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.5px;
  display: none;
  margin-bottom: 8px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .question .flex {
  flex-wrap: wrap;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox
  span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  padding: 8px 12px;
  cursor: pointer;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox
  span
  .color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  min-width: 20px;
  max-width: 20px;
  padding: 0;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox
  input:checked
  + span {
  border-radius: 12px;
  border: 1px solid #fb874c;
  background: #fff;
  color: #000;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  gap: 8px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  span {
  background: unset;
  padding: 0;
  border: unset;
  width: auto;
  height: auto;
  min-height: unset;
  max-height: unset;
  min-width: unset;
  max-width: unset;
  border-radius: unset;
  border: unset;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .input {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  transition: all 0.5s;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .input::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #5c4033;
  position: relative;
  border-radius: 6;
  opacity: 0;
  transition: all 0.5s;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  img {
  width: 20px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .input-title {
  color: rgba(0, 0, 0, 0.9);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.24px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .input-title:nth-child(2) {
  text-align: center;
  display: block;
  width: 100%;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .text {
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .text
  .title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.9);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.24px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .text
  .description {
  color: rgba(0, 0, 0, 0.5);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 14px */
  letter-spacing: -0.2px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .text
  span {
  display: block;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox.active {
  border: 2px solid #5c4033;
  background: #fff;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox.active
  .input::after {
  opacity: 1;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .two-step-range .otuputs {
  margin-bottom: 16px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .two-step-range
  .otuputs
  .range-output {
  max-width: 88px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #f4c9b2;
  background: #fff;
  padding: 0 12px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .two-step-range
  .otuputs
  .range-output
  input {
  font-size: 16px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .two-step-range
  .otuputs
  .range-output
  span {
  font-size: 16px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-connect {
  border-radius: 8px;
  background: #f4c9b2;
  border: unset;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid #2a2a2a;
  border-radius: 50%;
  right: -8px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle
  stroke {
  background-color: #2a2a2a;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle::before,
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle::after {
  display: none;
}
@media (min-width: 1024px) {
  #filter-modal
    .modal-container
    .modal-content
    .filter-modal-form
    .filter-modal-form-item
    .range-quest-slider
    .noUi-handle {
    top: -2px;
  }
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-target {
  background: #f4f4f4;
  height: 8px;
  border-radius: 8px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .range-quest-slider .irs-from,
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .range-quest-slider .irs-to,
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .range-quest-slider .irs-min,
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .range-quest-slider .irs-max,
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .irs-single {
  display: none;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .input-text
  .input
  .select-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  color: rgba(0, 0, 0, 0.9);
  text-align: right;
  font-family: inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 16.8px */
  letter-spacing: -0.24px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-form-item .slide-btn {
  width: 100%;
  justify-content: space-between;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item:last-child {
  border-bottom: unset;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-form-item {
  display: none;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-item-title .flex {
  gap: 10px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-item-title .icon {
  display: flex;
  gap: 16px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-item-title .title {
  color: rgba(0, 0, 0, 0.9);
  font-family: "inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-item
  .filter-modal-item-title
  .reset-btn {
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
  font-family: "inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.5px;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item .filter-modal-item-title .icon {
  width: 14px;
  display: block;
  position: relative;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-item
  .filter-modal-item-title
  .icon
  span {
  display: block;
  word-wrap: 100%;
  height: 1px;
  background-color: #000;
  position: relative;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-item
  .filter-modal-item-title
  .icon
  span:nth-child(2) {
  transform: rotate(90deg);
  top: -1px;
}
#filter-modal
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-item.active
  .filter-modal-item-title
  .icon
  span:nth-child(2) {
  display: none;
}
#filter-modal .modal-container .modal-content .filter-modal-form .filter-modal-item.active .filter-modal-form-item {
  display: flex;
}
#filter-modal .modal-container .modal-bottom {
  border-radius: 24px 24px 0px 0px;
  background: #fff;
  padding: 12px;
  box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, 0.08);
  position: sticky;
  bottom: 0;
  z-index: 4;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox
  input:checked
  + span {
  border: 1px solid #59adee;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox
  .input::after {
  background: #59adee;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .question
  .flex
  .input-checkbox.temperament-checkbox.active {
  border: 2px solid #59adee;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .two-step-range
  .otuputs
  .range-output {
  border: 1px solid #b2d7f4;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-connect {
  background: #b2d7f4;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle {
  background-color: #fff;
  border: 2px solid #2a2a2a;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-handle
  stroke {
  background-color: #2a2a2a;
}
#filter-modal.blue
  .modal-container
  .modal-content
  .filter-modal-form
  .filter-modal-form-item
  .range-quest-slider
  .noUi-target {
  background: #f4f4f4;
}

.home-main {
  width: 100%;
  padding: 0 16px 100px;
}
@media (max-width: 1024px) {
  .home-main {
    padding-bottom: 32px;
  }
}
.home-main .home-main__container {
  width: 100%;
  max-width: 1200px;
}
.home-main .home-main__container .home-main__banner {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__banner {
    margin-bottom: 20px;
  }
}
.home-main .home-main__container .home-main__banner .swiper-pagination {
  position: absolute;
  right: 20px;
  top: 20px;
  left: unset;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  bottom: unset;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__banner .swiper-pagination {
    top: unset;
    bottom: 10px;
    justify-content: center;
    right: unset;
    left: 0;
  }
}
.home-main .home-main__container .home-main__banner .swiper-pagination .swiper-pagination-bullet {
  border-radius: 40px;
  background: #f1f1f1;
  width: 60px;
  height: 10px;
  margin: 0;
  inset: 0;
  opacity: 1;
}
.home-main .home-main__container .home-main__banner .swiper-pagination .swiper-pagination-bullet-active {
  background: #febece;
}
.home-main .home-main__container .home-main__banner .swiper {
  width: 100%;
}
.home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  position: relative;
}
.home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  border-radius: 16px;
}
.home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide img:nth-child(2) {
  display: none;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide img {
    height: 236px;
    display: none;
  }
  .home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide img:nth-child(2) {
    display: block;
  }
}
@media (max-width: 768px) {
  .home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide img {
    height: 310px;
  }
}
.home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide .link {
  position: absolute;
  right: 20px;
  bottom: 20px;
  max-width: 216px;
  height: 62px;
  font-size: 20px;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__banner .swiper .swiper-wrapper .swiper-slide .link {
    display: none;
  }
}
.home-main .home-main__container .home-main__stories {
  width: 100%;
  margin-bottom: 30px;
}
.home-main .home-main__container .home-main__stories .swiper {
  padding: 10px 16px;
}
.home-main .home-main__container .home-main__stories .swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  max-width: 100px;
}
@media (max-width: 768px) {
  .home-main .home-main__container .home-main__stories .swiper .swiper-wrapper .swiper-slide {
    max-width: 70px;
  }
}
.home-main .home-main__container .home-main__stories .swiper .swiper-wrapper .swiper-slide .home-main__stories-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.5s;
}
.home-main
  .home-main__container
  .home-main__stories
  .swiper
  .swiper-wrapper
  .swiper-slide
  .home-main__stories-item:hover {
  transform: scale(1.1);
}
.home-main
  .home-main__container
  .home-main__stories
  .swiper
  .swiper-wrapper
  .swiper-slide
  .home-main__stories-item
  .img {
  width: 100%;
  height: 100px;
  padding: 8px;
  border: 3px solid #febece;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .home-main
    .home-main__container
    .home-main__stories
    .swiper
    .swiper-wrapper
    .swiper-slide
    .home-main__stories-item
    .img {
    height: 70px;
    padding: 4px;
  }
}
.home-main
  .home-main__container
  .home-main__stories
  .swiper
  .swiper-wrapper
  .swiper-slide
  .home-main__stories-item
  .img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.home-main
  .home-main__container
  .home-main__stories
  .swiper
  .swiper-wrapper
  .swiper-slide
  .home-main__stories-item
  span {
  width: 100%;
  display: block;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.065px;
}
@media (max-width: 768px) {
  .home-main
    .home-main__container
    .home-main__stories
    .swiper
    .swiper-wrapper
    .swiper-slide
    .home-main__stories-item
    span {
    font-size: 12px;
  }
}
.home-main .home-main__container .home-main__about {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about {
    margin-bottom: 40px;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-text {
  width: 100%;
  max-width: 590px;
  padding: 20px;
  border-radius: 16px;
  background: #fff;
  padding-top: 30px;
  position: relative;
  overflow: hidden;
}
.home-main .home-main__container .home-main__about .home-main__about-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 284px;
  height: 344px;
  background-image: url("/local/templates/pappy_pets/css/../img/image 29.png");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-text {
    max-width: unset;
    padding-top: 16px;
  }
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    opacity: 1;
  }
}
@media (max-width: 670px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    width: 250px;
    height: 305px;
  }
}
@media (max-width: 520px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    width: 226px;
    height: 267px;
  }
}
@media (max-width: 478px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    width: 211px;
    height: 255px;
  }
}
@media (max-width: 460px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    width: 204px;
    height: 248px;
  }
}
@media (max-width: 431px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    width: 197px;
        height: 239px;
  }
}
@media (max-width: 409px) {
  .home-main .home-main__container .home-main__about .home-main__about-text::before {
    display: none;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-text .subtitle {
  color: #000;
  font-family: "Peace Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.398px;
  text-transform: uppercase;
  padding: 8px 30px;
  border-radius: 100px;
  background: #addae7;
  transform: rotate(3deg);
  display: block;
  max-width: max-content;
  margin-bottom: 88px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-text .subtitle {
    font-size: 16px;
    margin-bottom: 44px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__about .home-main__about-text .subtitle {
    transform: rotate(0);
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-text h2 {
  color: #232323;
  font-family: "Peace Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.home-main .home-main__container .home-main__about .home-main__about-text h2 br {
  display: none;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-text h2 {
    font-size: 24px;
    max-width: 398px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__about .home-main__about-text h2 {
    font-size: 20px;
    max-width: unset;
  }
  .home-main .home-main__container .home-main__about .home-main__about-text h2 br {
    display: block;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-text p {
  color: #7b7b7b;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32px;
  max-width: 488px;
  margin-bottom: 104px;
}
.home-main .home-main__container .home-main__about .home-main__about-text p br {
  display: none;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-text p {
    font-size: 14px;
    margin-bottom: 40px;
    max-width: 340px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__about .home-main__about-text p {
    max-width: 300px;
    margin-bottom: 87px;
    line-height: 100%;
  }
  .home-main .home-main__container .home-main__about .home-main__about-text p br {
    display: block;
  }
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-text .button {
    max-width: 424px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__about .home-main__about-text .button {
    max-width: 198px;
    border-radius: 12px;
    height: 38px;
    font-size: 14px;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-img {
  width: 100%;
  position: relative;
  max-width: 590px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__about .home-main__about-img {
    display: none;
  }
}
.home-main .home-main__container .home-main__about .home-main__about-img span {
  position: absolute;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 8.6px 0 rgba(164, 164, 164, 0.25);
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.32px;
  padding: 20px 50px 20px 16px;
  gap: 10px;
  transform: rotate(-3deg);
  left: -180px;
  top: 40px;
}
.home-main .home-main__container .home-main__about .home-main__about-img span svg {
  position: relative;
  top: 4px;
}
.home-main .home-main__container .home-main__about .home-main__about-img span::before {
  content: "";
  position: absolute;
  top: 46px;
  right: 0;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
  border-right: 20px solid #fff;
}
.home-main .home-main__container .home-main__about .home-main__about-img img {
  width: 100%;
  height: 506px;
  object-fit: cover;
  border-radius: 16px;
}
.home-main .home-main__container .home-main__partner {
  width: 100%;
  background-image: url("/local/templates/pappy_pets/css/../img/image 5.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  padding: 20px;
}
.home-main .home-main__container .home-main__partner .home-main__partner-box {
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.47);
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(2.25px);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box {
    flex-direction: column;
    gap: 48px;
  }
}
.home-main .home-main__container .home-main__partner .home-main__partner-box .text {
  width: 100%;
  max-width: 660px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .text {
    max-width: unset;
  }
}
.home-main .home-main__container .home-main__partner .home-main__partner-box .text h3 {
  color: #fff;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  letter-spacing: -1px;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .text h3 {
    font-size: 26px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .text h3 {
    font-size: 24px;
    line-height: 90%;
    letter-spacing: -1px;
  }
}
.home-main .home-main__container .home-main__partner .home-main__partner-box .text p {
  color: #fff;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 80%;
}
@media (max-width: 1024px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .text p {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .text p {
    font-size: 13px;
    line-height: 100%;
  }
}
.home-main .home-main__container .home-main__partner .home-main__partner-box .button {
  max-width: 238px;
  height: 62px;
  font-size: 20px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .home-main .home-main__container .home-main__partner .home-main__partner-box .button {
    border-radius: 20px;
    height: 38px;
    font-size: 14px;
    max-width: unset;
  }
}

.matching-about {
  width: 100%;
  padding: 0 16px 100px;
}
@media (max-width: 1024px) {
  .matching-about {
    padding-bottom: 32px;
  }
}
.matching-about .matching-about_container {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  position: relative;
}
@media (max-width: 620px) {
  .matching-about .matching-about_container {
    flex-direction: column;
    border-radius: 16px;
    background: #fff;
    padding: 20px;
  }
}
.matching-about .matching-about_container .matching-about__text {
  width: 100%;
  max-width: 756px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: #fff;
  z-index: 2;
  position: relative;
  padding: 20px;
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__text {
    background: unset;
    border-radius: 0;
    padding: 0;
  }
}
.matching-about .matching-about_container .matching-about__text .subtitle {
  color: #fff;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 30px;
  border-radius: 100px;
  background: #febece;
  margin-bottom: 34px;
  max-width: max-content;
}
@media (max-width: 1024px) {
  .matching-about .matching-about_container .matching-about__text .subtitle {
    font-size: 16px;
    margin-bottom: 36px;
  }
}
@media (max-width: 420px) {
  .matching-about .matching-about_container .matching-about__text .subtitle {
    margin-bottom: 16px;
  }
}
.matching-about .matching-about_container .matching-about__text h2 {
  color: #000;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .matching-about .matching-about_container .matching-about__text h2 {
    font-size: 16px;
    max-width: 400px;
  }
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__text h2 {
    font-size: 20px;
    max-width: unset;
  }
}
@media (max-width: 500px) {
  .matching-about .matching-about_container .matching-about__text h2 {
    max-width: 330px;
  }
}
@media (max-width: 420px) {
  .matching-about .matching-about_container .matching-about__text h2 {
    font-size: 18px;
    max-width: 306px;
  }
}
.matching-about .matching-about_container .matching-about__text p {
  color: #3a3a3a;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.32px;
  max-width: 532px;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .matching-about .matching-about_container .matching-about__text p {
    font-size: 12px;
    margin-bottom: 60px;
    max-width: 400px;
  }
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__text p {
    margin-bottom: 274px;
  }
}
@media (max-width: 500px) {
  .matching-about .matching-about_container .matching-about__text p {
    max-width: 344px;
  }
}
@media (max-width: 340px) {
  .matching-about .matching-about_container .matching-about__text p {
    margin-bottom: 220px;
  }
}
.matching-about .matching-about_container .matching-about__text .button {
  color: #0a2633 !important;
  height: 56px;
  font-size: 20px;
  background: #9fe0ff;
  border-color: #9fe0ff;
}
.matching-about .matching-about_container .matching-about__text .button:hover {
  background: transparent;
}
.matching-about .matching-about_container .matching-about__text .button svg path {
  fill: #0a2633 !important;
}
@media (max-width: 768px) {
  .matching-about .matching-about_container .matching-about__text .button {
    height: 40px;
    font-size: 14px;
  }
}
.matching-about .matching-about_container .matching-about__img {
  width: 100%;
  max-width: 450px;
  padding: 0px;
  border-radius: 16px;
  border: 10px solid #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background: #febece;
}
@media (max-width: 1024px) {
  .matching-about .matching-about_container .matching-about__img {
    max-width: 300px;
  }
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__img {
    background: unset;
    border: unset;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    max-width: unset;
    padding: 0;
  }
}
.matching-about .matching-about_container .matching-about__img img {
  position: relative;
}
@media (max-width: 1024px) {
  .matching-about .matching-about_container .matching-about__img img {
    max-width: 290px;
  }
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__img img {
    max-width: 350px;
    width: 100%;
    right: 0;
    top: 0;
    display: none;
  }
}
.matching-about .matching-about_container .matching-about__img .matching-about-mobile-img {
  display: none;
}
@media (max-width: 620px) {
  .matching-about .matching-about_container .matching-about__img .matching-about-mobile-img {
    display: block !important;
  }
}

.find-pet {
  width: 100%;
  padding: 0 16px 100px;
}
@media (max-width: 1024px) {
  .find-pet {
    padding-bottom: 40px;
  }
}
.find-pet .find-pet_container {
  width: 100%;
  max-width: 1200px;
}
.find-pet .find-pet_container h2 {
  color: #000;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.66px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .find-pet .find-pet_container h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.find-pet .find-pet_container .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 1024px) {
  .find-pet .find-pet_container .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.find-pet .find-pet_container .grid .find-pet-item {
  width: 100%;
  position: relative;
  height: 160px;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-radius: 16px;
  overflow: hidden;
}
.find-pet .find-pet_container .grid .find-pet-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.find-pet .find-pet_container .grid .find-pet-item span {
  color: #fff;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.66px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .find-pet .find-pet_container .grid .find-pet-item span {
    font-size: 20px;
  }
}
.find-pet .find-pet_container .grid .find-pet-item.all-catalog-btn {
  background-color: #febece;
  grid-column: span 2;
}
.find-pet .find-pet_container .grid .find-pet-item.all-catalog-btn .icon {
  position: absolute;
  right: 20px;
  top: 20px;
}
.find-pet .find-pet_container .grid .find-pet-item:hover img {
  transform: scale(1.2);
}

.home-products {
  width: 100%;
  padding: 0 16px 100px;
}
@media (max-width: 1024px) {
  .home-products {
    padding-bottom: 40px;
  }
}
.home-products .container {
  width: 100%;
  max-width: 1200px;
}
.home-products .container h2 {
  color: #000;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .home-products .container h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .home-products .container h2 br {
    display: none;
  }
}
.home-products .container h2 span {
  color: #fff;
  font-family: "Peace Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.398px;
  padding: 8px 30px;
  border-radius: 100px;
  background: #febece;
  transform: rotate(-1.615deg);
  display: inline-block;
  position: relative;
  top: -10px;
  left: 4px;
}
@media (max-width: 1024px) {
  .home-products .container h2 span {
    font-size: 24px;
    padding: 0;
    background: unset;
    transform: unset;
    top: unset;
    left: unset;
    color: #000;
  }
}
.home-products .container .grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 1024px) {
  .home-products .container .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .home-products .container .grid {
    display: flex;
    flex-direction: column;
  }
}
.home-products .container .grid .home-products__item {
  width: 100%;
  height: 286px;
  border-radius: 20px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item {
    height: 196px;
    max-width: unset;
  }
}
.home-products .container .grid .home-products__item::before {
  content: "";
  position: absolute;
  border-radius: 277px;
  background: rgba(254, 190, 206, 0.29);
  width: 277px;
  height: 277px;
  bottom: -92px;
  left: -58px;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item::before {
    width: 210px;
    height: 210px;
    left: -32px;
    bottom: -74px;
  }
}
.home-products .container .grid .home-products__item .img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.home-products .container .grid .home-products__item .img img {
  position: relative;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item .img img {
    max-width: 140px;
  }
}
.home-products .container .grid .home-products__item .title {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #2c2c2c;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.66px;
  max-width: 160px;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item .title {
    top: unset;
    bottom: 20px;
    left: unset;
    right: 20px;
    font-size: 24px;
    text-align: right;
  }
}
.home-products .container .grid .home-products__item .icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.home-products .container .grid .home-products__item.empty {
  background: unset;
}
.home-products .container .grid .home-products__item.empty::before {
  display: none;
}
.home-products .container .grid .home-products__item.empty .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: unset;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item.empty {
    display: none;
  }
}
.home-products .container .grid .home-products__item.catalog-link {
  background-color: #9fe0ff;
  transition: all 0.5s;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item.catalog-link {
    grid-column: span 2;
    height: 120px;
  }
}
.home-products .container .grid .home-products__item.catalog-link .title {
  color: #fff;
}
.home-products .container .grid .home-products__item.catalog-link .icon svg path {
  stroke: #fff !important;
}
.home-products .container .grid .home-products__item.catalog-link::before {
  display: none;
}
.home-products .container .grid .home-products__item.catalog-link .title {
  top: unset;
  bottom: 20px;
  left: 20px;
  right: unset;
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item.catalog-link .title {
    max-width: unset;
  }
}
@media (min-width: 1024px) {
  .home-products .container .grid .home-products__item.catalog-link:hover {
    background-color: #febece;
  }
}
@media (min-width: 1024px) {
  .home-products .container .grid .home-products__item:hover::before {
    background-color: #febece;
    border-radius: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .home-products .container .grid .home-products__item.small-img .img img {
    max-width: 190px;
  }
}

@media screen and (max-width: 1024px) {
  .btn-login:hover {
    background: #ffffff;
    color: #000000;
  }
  .btn-login:hover::after {
    background-image: url(/local/templates/pappy_pets/css/../img/icons/login.svg);
  }

  .main-inner {
    width: 486px;
  }

  .btn-login {
    width: 110px;
    height: 35px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.56px;
  }

  .btn-login::after {
    width: 15px;
    margin-top: -1px;
  }

  .main-logo {
    width: 177px;
    height: 40px;
  }

  .main-search-input {
    height: 27px;
  }

  .main-search-input input {
    font-size: 12px;
    padding: 0 12px;
  }

  .btn-search {
    width: 12px;
    height: 12px;
    right: 12px;
  }

  .main-search-tag-heading {
    font-size: 12px;
  }
  @media(max-width:435px){
    .footer-home .footer__container .footer__top .footer__about ul li a {
      font-size: 20px;
    }
  }

  .main-search-tag-subheading {
    font-size: 6px;
  }

  .tags-col-wrap .main-search-tag {
    border-radius: 9px;
    padding: 19px 11px;
    height: 34px;
  }

  .main-search-tag.all-cat::after {
    width: 12px;
  }

  .footer-inner {
    padding: 8px 0;
  }

  .footer-copyright {
    font-size: 8px;
    padding-left: 10px;
  }

  .footer-copyright::before {
    width: 6px;
    height: 6px;
  }

  .footer-link {
    font-size: 10px;
  }

  .footer-link-items {
    gap: 15px;
  }

  .menu-category {
    padding: 11px 42px;
  }

  .menu-category-inner {
    width: 445px;
  }

  .menu-category-item {
    height: 122px;
    border-radius: 20px;
  }

  .menu-category-item-heading {
    font-size: 14px;
  }

  .menu-category-item-subheading {
    font-size: 9px;
  }

  .menu-category-item.locked::after {
    font-size: 14px;
    top: 10px;
    right: 10px;
  }

  .header-submenu {
    padding: 12px 0;
    min-width: 177px;
    border-radius: 13px;
  }

  .header-submenu-link {
    font-size: 18px;
    margin-bottom: 18px;
    padding-right: 12px;
    padding-left: 38px;
  }

  .btn-submenu-hide {
    top: 12px;
    right: 12px;
  }

  .header-submenu-link:first-of-type {
    margin-top: 9px;
  }

  .header-submenu-link::before {
    left: 12px;
    width: 20px;
  }

  .my-logout-wrap {
    margin-top: 15px;
    padding-top: 5px;
  }

  .main-search-tag-items {
    flex-wrap: wrap;
  }

  .footer-link::after {
    display: none;
  }

  .header-submenu-link span::after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 4px 8px;
  }

  .main-inner {
    width: 100%;
  }

  .header-main .header-inner {
    padding: 15px 0;
  }

  .main-search-tag-items {
    flex-wrap: wrap;
    gap: 5px;
  }

  .main-search-tag {
    width: calc(50% - 5px);
    font-size: 12px;
    min-height: 30px;
  }

  .main-search-tag:nth-of-type(2n) {
    margin-right: 0;
  }

  .footer-inner {
    padding: 6px 0;
    flex-direction: column-reverse;
  }

  .footer-link-items {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 5px;
  }

  .menu-category {
    padding: 22px;
  }

  .menu-category-inner {
    width: 100%;
  }

  .menu-category-item {
    height: 126px;
    width: calc(50% - 10px);
  }

  .menu-category-item-heading {
    font-size: 14px;
    line-height: 1.2;
  }

  .menu-category-item-subheading {
    font-size: 10px;
  }

  .main .container,
  .header-main .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-category .container {
    padding-left: 0;
    padding-right: 0;
  }

  .main-search-tag:hover {
    background: rgba(29, 29, 29, 0.6);
    color: #ffffff;
  }
}
/* Избавление от скролла */
:root {
  --vh: 1vh;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.header,
.footer {
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.main {
  box-sizing: border-box;
  width: 100%;
  min-height: calc(100vh - var(--header-height, 0px) - var(--footer-height, 0px));
  height: calc(100 * var(--vh) - var(--header-height, 0px) - var(--footer-height, 0px));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* start advertisements photos styles */

.create-add-etap-item .add-photo {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}

.add-photo__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.add-photo__header_description {
  display: flex;
  gap: 8px;
}

.create-add-photo h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
}

.create-add-photo__container {
  display: flex;
  flex-direction: row;
  gap: 22px;
}

.photo-info-list__inner > li:before {
  content: '';
  display: inline-block;
  min-width: 5px;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background: var(--puppy-pink-color);
}

.photo-info-list__inner > li.inner-list:before {
  content:none;
}

.photo-info-list ul > li {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
}

.photo-info-list ul > li.inner-list {
  margin-left: 12px;
}

.photo-info-list ul > li.inner-list li {
  font-size: 12px;
}

.photo-info-list ul li h5 {
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 4px;
}

.create-add-photo__container .photo-upload-area {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 500px;
  height: 500px;
}

.photo-upload-new .uploaded-photo-item .uploaded-img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  object-fit: cover;
}
.photo-upload-new .uploaded-photo-item .remove-btn {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background: #f5f5f5;
}
.photo-upload-new .photo-upload-area .input-photo {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e");
  overflow: hidden;
}

.photo-upload-new .photo-upload-area .input-photo input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.photo-upload-new .photo-upload-area .input-photo .input-file-title {
  display: flex;
  justify-content: center;
  align-items: center;  
  width: 320px;
  height: 44px;
  background: #f5f5f5;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  cursor: pointer;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.28px;  
}
.create-add-photo__container .additional-info {
  display: flex;
  gap: 40px;
}

.create-add-photo__container .additional-info__text {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.5px;
  margin-top: 4px;
}

.create-add-photo__container .additional-info__text b {
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
}

.create-add-etap-item .photo-examples {
  margin-top: 16px;
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}

.create-add-etap-item .photo-examples h4 {
  color: rgba(0, 0, 0, 0.9);
  font-family: " Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.41px;
  margin-bottom: 16px;
}

.photo-examples_container {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.photo-examples_container .photo-examples_element {
  width: 14%;
}

.photo-examples_container .photo-examples_element img {
  width: 100%;
}

.create-add-buttons {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}

.add-multiple-photo__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 16px;
}

.add-multiple-photo__description {
  display: flex;
  gap: 8px;
}

.add-photo .create-add-photo-multiple {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}

.create-add-photo-multiple .create-add-photo-multiple__container {
  width: 19%;
}

.photo-upload-multiple .photo-upload-area .input-photo {
  display: flex;
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e");
}

.photo-upload-multiple .photo-upload-area .input-photo input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.photo-upload-multiple .uploaded-photo-item .uploaded-img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f5f5f5;
  object-fit: cover;
}
.photo-upload-multiple .uploaded-photo-item .remove-btn {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  background: #f5f5f5;
}

.create-add-photo-multiple .create-add-photo-multiple__container{
  flex-direction: column;
}

.create-add-photo__container .create-add-photo_photo-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.swiper-wrapper {
  box-sizing: border-box!important;
}

@media (max-width: 1024px) {
  .create-add-photo__container {
    flex-direction: column;
  }

  .create-add-photo__container .create-add-photo_photo-info {
    flex-direction: row;
  }

  .create-add-photo__container .photo-upload-area {
    flex-direction: row;
  }

  .create-add-photo__container .additional-info {
    flex-direction: column;
    gap: 16px;
  }

  .create-add-photo__container .photo-upload-area {
    width: 400px;
    height: 400px;
  }

  /*
  .photo-upload-new .photo-upload-area .input-photo {
    width: 400px;
    height: 400px;
  }
  */

  .photo-upload-new .photo-upload-area .input-photo .input-file-title {
    width: 226px;
  }

  .photo-examples_container {
    gap: 6px;
  }

  .photo-examples_container .photo-examples_element {
    width: 24%;
  }

  .create-add-photo-multiple .create-add-photo-multiple__container {
    width: 32%;
  }

}
@media (max-width: 768px) {

}

@media (max-width: 600px) {
  .create-add-photo__container .photo-upload-area {
    flex-direction: column;    
  }
  .create-add-photo__container .create-add-photo_photo-info {
    flex-direction: column;
  }
  .create-add-photo__container .photo-upload-area {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
  }
  /*
  .photo-upload-new .photo-upload-area .input-photo {
    width: 310px;
    height: 310px;
  }
  */

  .mobile-hide {
    display: none;
  }
  .photo-examples_container .photo-examples_element {
    width: 48%;
  }
  .photo-examples_container .photo-examples_element:last-child {
    display: none;
  }
  .create-add-photo-multiple .create-add-photo-multiple__container {
    width: 48%;
  }
}

/* end advertisements photos styles */

div[data-index="3"],
div[data-index="4"],
div[data-index="5"],
div[data-index="6"],
div[data-index="7"],
div[data-index="8"],
div[data-index="9"],
div[data-index="10"] {
  padding: 12px;
  border-radius: 16px;
  background: #fff;
}



.modal-container .modal-header .close-modal {
  flex: 1;
}

.modal-container .modal-header .modal-title {
  flex: 2;
}

.modal-container .modal-header .clear-modal {
  flex: 1;
  text-align: right;
}

@media (max-width: 1024px) {
  .modal-container .modal-header:before {
    content: '';
    background: #00000080;
    width: 32px;
    height: 4px;
    border-radius: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .modal-container .modal-header .close-modal {
    visibility: hidden;
  }
}
/* End */


/* Start:/local/templates/pappy_pets/css/after.css?17799667552133*/
.create-add-etaps [data-index="1"],.create-add-etaps [data-index="2"], .ors2 {
	background: #fff;
	padding: 12px;
	border-radius: 16px;
}
.ors2 .product-item:hover {
	box-shadow: none!important;
}
.ors2 .product-item.vertical {
	padding: 0;
	margin: 15px 0 0 0;
	padding-bottom: 15px;
	border-bottom:1px solid rgba(0, 0, 0, 0.08);
	box-shadow: none!important;
	border-radius: 0!important;
}
.ors2 .product-item.vertical:last-child {
	border-bottom: 0px !important;
}
.ors2 .column-1 {
	display: flex;
	flex-direction: column;
}
@media (max-width: 1199px) {
	main > .container {
		padding: 0 16px;
	}
	
	.product-swiper, .catalog-main .container .catalog-main-inner .catalog-main-banner, .all-catalog {
		padding: 0;
	}
}

.all-catalog {
	padding: 0;
}

@media (max-width: 767px) {
	.all-catalog .container .all-catalog-inner .all-catalog-items .grid .catalog-item .text h4 a {
		line-height: 12px;
		display: block;
	}
	.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a img {
		max-width: 20px;
	}
	.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item {
		border-radius: 16px;
	}
}
@media (min-width:1200px) {
	.catalog-main {
		padding: 0 0 20px;
	}
	.product-swiper {
		padding: 0 0;
	}
}

@media (max-width: 1024px) {
	.catalog-main .container .catalog-main-inner .catalog-main-types {
		order: 3;
		margin-bottom: 0;
		border-radius: 16px;
		padding: 16px;
	}
}

.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border: 10px solid transparent;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 {
	width: 100%;
}
.catalog-main .container .catalog-main-inner .catalog-main-types .catalog-main-types-item .text h4 a {
	font-weight: 600;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}
.catalog-main-grid.v2 {
	background: transparent!important;
	padding: 0!important;
}
/* End */


/* Start:/local/templates/pappy_pets/components/bitrix/catalog.section.list/footer/style.min.css?17755112816236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */
/* /local/templates/pappy_pets/fancybox/fancybox.css?177524908225343 */
/* /local/templates/pappy_pets/css/swiper-bundle.min.css?177555405518454 */
/* /local/templates/pappy_pets/css/air-datepicker.min.css?177555405319860 */
/* /local/templates/pappy_pets/css/animate.min.css?177555405371750 */
/* /local/templates/pappy_pets/css/flatpickr.min.css?177555405416166 */
/* /local/templates/pappy_pets/css/ion.rangeSlider.css?177555405413296 */
/* /local/templates/pappy_pets/css/nouislider.min.css?17755540544220 */
/* /local/templates/pappy_pets/css/choices.min.css?177979839910809 */
/* /local/templates/pappy_pets/css/daterangepicker.css?17797983998069 */
/* /local/templates/pappy_pets/css/style.min.css?1779966928594926 */
/* /local/templates/pappy_pets/css/after.css?17799667552133 */
/* /local/templates/pappy_pets/components/bitrix/catalog.section.list/footer/style.min.css?17755112816236 */