/* Generated by scripts/build-performance-assets.php */ /* core.min.css */ /****************************** * Vivify * *************************** */@keyframes pulsate{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(0.8,0.8,0.8);transform:scale3d(0.8,0.8,0.8)}100%{-webkit-animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}@keyframes hitLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(20px) rotate(4deg);transform:translateX(20px) rotate(4deg)}}@keyframes hitRight{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(-20px) rotate(-4deg);transform:translateX(-20px) rotate(-4deg)}}@keyframes shake{10%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%{-webkit-transform:translateX(10px);transform:translateX(10px)}30%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(10px);transform:translateX(10px)}70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes ball{0%{-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}40%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}75%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}85%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes pullUp{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pullDown{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center top;transform-origin:center top}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pullLeft{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center left;transform-origin:center left}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pullRight{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center right;transform-origin:center right}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jumpInLeft{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}@keyframes jumpInRight{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}@keyframes jumpOutRight{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}}@keyframes jumpOutLeft{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}}@keyframes rollInLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(445deg);transform:translateX(-400px) rotate(445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(20px) rotate(20deg);transform:translateX(20px) rotate(20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollInRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(-445deg);transform:translateX(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(-20px) rotate(-20deg);transform:translateX(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollInTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(-445deg);transform:translateY(-400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(20px) rotate(-20deg);transform:translateY(20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes rollInBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes rollOutLeft{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(20px) rotate(-20deg);transform:translateX(20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(-445deg);transform:translateX(-400px) rotate(-445deg)}}@keyframes rollOutRight{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(-20px) rotate(20deg);transform:translateX(-20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(445deg);transform:translateX(400px) rotate(445deg)}}@keyframes rollOutTop{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(20px) rotate(20deg);transform:translateY(20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(445deg);transform:translateY(-400px) rotate(445deg)}}@keyframes rollOutBottom{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg)}}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes popInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1)}40%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes popInRight{0%{-webkit-transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes popInTop{0%{-webkit-transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes popInBottom{0%{-webkit-transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes popOut{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}}@keyframes popOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:left center;transform-origin:left center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0)}}@keyframes popOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:right center;transform-origin:right center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0)}}@keyframes popOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:top center;transform-origin:top center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0)}}@keyframes popOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:bottom center;transform-origin:bottom center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0)}}@keyframes flip{from{-webkit-transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}50%{-webkit-transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035);animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035)}}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}}@keyframes flipInY{from{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}}@keyframes flipOutX{from{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}}@keyframes flipOutY{from{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInTop{0%{-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInBottom{0%{-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}}@keyframes fadeOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}}@keyframes fadeOutTop{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,-300px,0);transform:translate3d(0,-300px,0);opacity:0}}@keyframes fadeOutBottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);opacity:0}}@keyframes driveInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes driveInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes driveInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes driveInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes driveOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}}@keyframes driveOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}}@keyframes driveOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}}@keyframes driveOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}}@keyframes spin{0%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transform-origin:center center;transform-origin:center center}20%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg);-webkit-transform-origin:center center;transform-origin:center center}70%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:rotateZ(380deg);transform:rotateZ(380deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes spinIn{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(0,0,0);transform:rotateZ(0deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}50%{opacity:1}70%{-webkit-transform:rotateZ(380deg) scale3d(1,1,1);transform:rotateZ(380deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotateZ(360deg) scale3d(1,1,1);transform:rotateZ(360deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes spinOut{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(1,1,1);transform:rotateZ(0deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}20%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg) scale3d(1,1,1);transform:rotateZ(-20deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}30%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg) scale3d(0,0,0);transform:rotateZ(360deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}}@keyframes swoopInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}@keyframes swoopInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}@keyframes swoopInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}@keyframes swoopInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,250px,0);transform:scaleY(1.5) translate3d(0,250px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}@keyframes swoopOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}}@keyframes swoopOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}}@keyframes swoopOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}}@keyframes swoopOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,200px,0);transform:scaleY(1.5) translate3d(0,200px,0)}}@keyframes fold{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(1,0.4,1);transform:scale3d(1,0.4,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(0.2,0.2,0.2);transform:scale3d(0.2,0.2,0.2)}}@keyframes unfold{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,1,1);transform:scale3d(0.4,1,1)}100%{-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/public/webfonts/fontawesome/fa-brands-400.eot);src:url(/public/webfonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/public/webfonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(/public/webfonts/fontawesome/fa-brands-400.woff) format("woff"),url(/public/webfonts/fontawesome/fa-brands-400.ttf) format("truetype"),url(/public/webfonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/public/webfonts/fontawesome/fa-regular-400.eot);src:url(/public/webfonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/public/webfonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(/public/webfonts/fontawesome/fa-regular-400.woff) format("woff"),url(/public/webfonts/fontawesome/fa-regular-400.ttf) format("truetype"),url(/public/webfonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/public/webfonts/fontawesome/fa-solid-900.eot);src:url(/public/webfonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/public/webfonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(/public/webfonts/fontawesome/fa-solid-900.woff) format("woff"),url(/public/webfonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(/public/webfonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")}.fa{font-family:"Font Awesome 5 Free"}.fa{font-weight:900} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /** * SweetAlert */@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}}@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}@-webkit-keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} /*! /** Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}} /****************************** * Glightbox * *************************** */@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}} /* bootstrap.min.css */ @charset "UTF-8";/*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:IRANSansX,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}p{margin-top:0;margin-bottom:1rem}strong{font-weight:bolder}.small,small{font-size:.875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}img,svg{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[role=button]{cursor:pointer}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}progress{vertical-align:baseline}[hidden]{display:none!important}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown{position:relative}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.offcanvas{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.show:not(.hiding){transform:none}.offcanvas.show{visibility:visible}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}@keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.d-flex{display:flex!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.position-absolute{position:absolute!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-100{width:100%!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mb-3{margin-bottom:1rem!important}.ms-1{margin-left:.25rem!important}.text-center{text-align:center!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important} /* bootstrap-icons.css */ /*! * Bootstrap Icons v1.11.1 (https://icons.getbootstrap.com/) * Copyright 2019-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE) */ @font-face { font-display: block; font-family: "bootstrap-icons"; src: url("/public/webfonts/bootstrap/bootstrap-icons.woff2?2820a3852bdb9a5832199cc61cec4e65") format("woff2"), url("/public/webfonts/bootstrap/bootstrap-icons.woff?2820a3852bdb9a5832199cc61cec4e65") format("woff"); } .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-arrow-left::before { content: "\f12f"; } .bi-calendar3::before { content: "\f214"; } .bi-camera::before { content: "\f220"; } .bi-chevron-down::before { content: "\f282"; } .bi-clock-history::before { content: "\f292"; } .bi-cloud-arrow-up-fill::before { content: "\f296"; } .bi-cloud-arrow-up::before { content: "\f297"; } .bi-collection::before { content: "\f2cc"; } .bi-compass::before { content: "\f2d1"; } .bi-cpu::before { content: "\f2d6"; } .bi-geo-alt::before { content: "\f3e8"; } .bi-heart::before { content: "\f417"; } .bi-images::before { content: "\f42b"; } .bi-instagram::before { content: "\f437"; } .bi-lightning-charge-fill::before { content: "\f46c"; } .bi-linkedin::before { content: "\f472"; } .bi-list::before { content: "\f479"; } .bi-mouse::before { content: "\f499"; } .bi-palette::before { content: "\f4b1"; } .bi-people::before { content: "\f4d0"; } .bi-person-badge::before { content: "\f4d3"; } .bi-person::before { content: "\f4e1"; } .bi-search::before { content: "\f52a"; } .bi-stack::before { content: "\f585"; } .bi-stars::before { content: "\f589"; } .bi-trophy::before { content: "\f5e7"; } .bi-youtube::before { content: "\f62b"; } .bi-cup-hot::before { content: "\f7eb"; } .bi-buildings::before { content: "\f87d"; } .bi-twitter-x::before { content: "\f8db"; } /* styles.css */ /* Barlow is bundled locally so page rendering never depends on Google Fonts. */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('/public/css/fonts/barlow/barlow-400.woff2') format('woff2'); } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 800; font-display: swap; src: url('/public/css/fonts/barlow/barlow-800.woff2') format('woff2'); } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 900; font-display: swap; src: url('/public/css/fonts/barlow/barlow-900.woff2') format('woff2'); } @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 800; font-display: swap; src: url('/public/css/fonts/barlow/barlow-800-italic.woff2') format('woff2'); } html, body { height: 100%; direction:rtl; font-family: WOFF IRANSansX-regular; font-size:14px; line-height:1.5rem } /* Blog ---------------------*/ input, button { outline: none; border: none; } button:focus, button:active, input { outline: none; box-shadow: none !important; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:focus { box-shadow: none !important; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } a { text-decoration: none; } body { font-family: IRANSansX; } h1, h2, h3 { font-weight: 800 !important; } ::placeholder{ text-overflow:ellipsis; } [placeholder]{ text-overflow:ellipsis; } .popout { cursor: pointer; display: none; padding: 14px 10px; background: rgba(0,0,0,0.85); color: rgb(255, 255, 255); font-size: 12px; position: fixed; z-index: 1100; overflow: hidden; width: 100%; text-align: center; font-weight: bold; left: 0; top: 0; } .display-none { display: none; } .home-cover { padding: 40px 0; } @media screen and (min-width: 768px) { .home-cover {padding: 200px 0 280px 0;} } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .home-cover { background: no-repeat center center #D1D1D1; background-size: cover; position: relative; } .home-cover:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(5,5,5,.3); left: 0; top: 0; } .dropdown-menu { padding-top: 0.955rem; border: 0; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; margin-top: 10px !important; } .btn:hover:not(.e-none) { transform: translateY(-1px); box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%); } .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.40); padding: 10px; display: none; color: #FFF; } .progress-bg { background-color: #03c76d !important; } .wrap-loader { position: fixed; top: 0; left: 0; z-index: 1000000; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; text-align: center; display: none; } .wrap-container { min-height: 100vh; display: flex; justify-content: center; align-items: center; } .progress-container { border-radius: 0; height: 5px; box-shadow: 0 0 10px 0px #03c76d; } .progress-info { color: #FFF; font-size: 40px; padding-top: 10px; } .showBanner { z-index: 9999; padding: 15px; border-radius: 6px; max-width: 600px; } .overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(51, 51, 51, 0.7); z-index: 1031; opacity: 0; transition: all .5s ease-in-out; } .overlay.open { display: block; opacity: 1; } /*********************** * Reset color default * ********************* */ a, a:hover, a:focus { color: var(--color-default); } .btn-custom, .btn-custom:hover, .btn-custom:active, .btn-custom:focus { color: #fff !important; background-color: var(--color-default) !important; border-color: var(--color-default) !important; } .dropdown-item:active, .dropdown-item.active { opacity: 1; background-color: var(--color-default); } /* Version 4.1 */ /* Version 4.3 */ /* Version 4.4 */ /* Version 4.6 */ /* Version 4.9 */ /* Version 5.0 */ /* fontiran.css */ /** * * Name: IRANSansX Fonts * Version: 2.4 * Author: Moslem Ebrahimi (moslemebrahimi.com) * Created on: Apr 22, 2021 * Updated on: Jan 22, 2022 * Website: http://fontiran.com * Copyright: Commercial/Proprietary Software -------------------------------------------------------------------------------------- فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید -------------------------------------------------------------------------------------- IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com -------------------------------------------------------------------------------------- This set of fonts are used in this project under the license: (.....) ------------------------------------------------------------------------------------- KISH PHOTO typography * **/ /* The public UI uses two locally hosted WOFF2 faces. Browsers synthesize the intermediate weights, avoiding five separate font downloads on first paint. */ @font-face { font-family: IRANSansX; font-style: normal; font-weight: 100 500; font-display: swap; src: url('/public/css/fonts/woff2/IRANSansX-Regular.woff2') format('woff2'); } @font-face { font-family: IRANSansX; font-style: normal; font-weight: 600 950; font-display: swap; src: url('/public/css/fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2'); } /* home-redesign.css */ :root { --ph-ink: #111b21; --ph-night: #111b21; --ph-night-2: #19262d; --ph-gold: #d9ae58; --ph-gold-soft: #f1d891; --ph-paper: #f8f5ef; --ph-muted: #7b8082; } /* Authenticated account menu */ html { scroll-behavior: smooth; } .ph-home-page { background: var(--ph-paper); color: var(--ph-ink); } .ph-home-page main { overflow: hidden; } .ph-home-page a { text-decoration: none; } .ph-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; } .ph-header { position: absolute; inset: 0 0 auto; z-index: 30; height: 78px; border-bottom: 1px solid rgba(255,255,255,.12); background: linear-gradient(180deg, rgba(8,15,19,.74), rgba(8,15,19,.08)); } .ph-nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; } .ph-brand img { width: 154px; height: 48px; object-fit: contain; filter: brightness(0) invert(1); } .ph-desktop-nav { display: flex; align-items: center; gap: 16px; margin-inline: auto; white-space: nowrap; } .ph-desktop-nav a { color: rgba(255,255,255,.82); font-size: 11.5px; position: relative; padding: 28px 0; transition: .2s; } .ph-desktop-nav a:hover, .ph-desktop-nav a.active { color: var(--ph-gold-soft); } .ph-desktop-nav a.active::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--ph-gold); bottom: 15px; right: 50%; } .ph-nav-actions { display: flex; flex:0 0 auto; align-items: center; gap: 12px; direction: ltr; } .ph-icon-link { color: #fff; font-size: 21px; display: grid; place-items: center; width: 36px; height: 36px; } .ph-icon-link img { border-radius: 50%; object-fit: cover; } .ph-upload-btn { min-width:116px; height:44px; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; border: 1px solid var(--ph-gold); color: #fff; border-radius: 24px; padding: 8px 17px; font-size: 13px; line-height:1; white-space:nowrap; background: rgba(220,177,90,.14); } .ph-upload-btn i { color: var(--ph-gold-soft); margin-left: 6px; } .ph-menu-toggle { display: none; border: 0; background: none; color: #fff; font-size: 28px; } .ph-mobile-nav .offcanvas-body { display: flex; flex-direction: column; gap: 4px; } .ph-mobile-nav .offcanvas-body a { color: var(--ph-ink); padding: 12px; border-bottom: 1px solid #eee; } .ph-hero { min-height: 760px; position: relative; color: #fff; background: image-set(url('/public/img/kish-greek-ship-restored-hero-v3.avif') type('image/avif'), url('/public/img/kish-greek-ship-restored-hero-v3.webp') type('image/webp'), url('/public/img/kish-greek-ship-restored-hero-v3.png') type('image/png')) center center / cover no-repeat; } .ph-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,11,15,.1) 0%, rgba(5,11,15,.15) 38%, rgba(5,11,15,.72) 100%), linear-gradient(0deg, rgba(7,14,18,.55), transparent 55%); } .ph-hero-content { min-height: 760px; position: relative; padding-top: 148px; } .ph-hero-copy { width: min(600px, 56%); margin-left: auto; text-align: right; } .ph-eyebrow { color: var(--ph-gold-soft); font-size: 13px; letter-spacing: .05em; } .ph-hero h1 { font-size: clamp(48px, 6vw, 78px); line-height: 1.18; margin: 18px 0 14px; font-weight: 800; letter-spacing: -.04em; } .ph-hero h1 strong { color: var(--ph-gold); font-weight: 900; } .ph-hero-copy > p { font-size: 19px; line-height: 1.75; color: rgba(255,255,255,.9); margin-bottom: 25px; } .ph-search { height: 60px; max-width: 590px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.8); background: rgba(255,255,255,.2); backdrop-filter: blur(14px); border-radius: 34px; padding: 5px; direction: rtl; box-shadow: 0 15px 45px rgba(0,0,0,.22); } .ph-search input { flex: 1; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; padding: 0 22px; font-size: 14px; } .ph-search input::placeholder { color: rgba(255,255,255,.68); } .ph-search button { flex: 0 0 49px; height: 49px; border-radius: 50%; border: 0; color: #121b20; background: linear-gradient(135deg, #f4d889, #c9963d); font-size: 19px; } .ph-search-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .ph-search-tags a { color: #fff; border: 1px solid rgba(255,255,255,.42); background: rgba(12,21,27,.38); border-radius: 18px; font-size: 11px; padding: 7px 13px; backdrop-filter: blur(8px); } .ph-search-tags a:hover { border-color: var(--ph-gold); color: var(--ph-gold-soft); } .ph-hero-stats { position: absolute; bottom: 31px; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(3, 1fr); width: 690px; max-width: calc(100% - 190px); border: 1px solid rgba(255,255,255,.12); background: rgba(20,29,32,.58); backdrop-filter: blur(12px); border-radius: 17px; overflow: hidden; } .ph-hero-stats > div { min-height: 82px; display: grid; grid-template-columns: 42px 1fr; align-content: center; column-gap: 10px; padding: 14px 25px; border-left: 1px solid rgba(255,255,255,.13); } .ph-hero-stats > div:last-child { border-left: 0; } .ph-hero-stats i { grid-row: 1 / 3; align-self: center; color: var(--ph-gold); font-size: 29px; } .ph-hero-stats strong { color: var(--ph-gold-soft); font-size: 19px; } .ph-hero-stats strong[dir="ltr"],.ph-mission strong[dir="ltr"]{direction:ltr;unicode-bidi:isolate} .ph-hero-stats span { font-size: 11px; color: rgba(255,255,255,.72); } .ph-scroll-hint { position: absolute; color: rgba(255,255,255,.75); left: 45px; bottom: 34px; display: flex; align-items: center; gap: 8px; font-size: 11px; } .ph-scroll-hint i { font-size: 21px; color: var(--ph-gold-soft); } .ph-section { position: relative; padding: 92px 0; background: var(--ph-paper); } .ph-selected { padding-top: 78px; } .ph-selected::before { content: ""; position: absolute; height: 65px; left: -2%; right: -2%; top: -34px; border-radius: 50% 50% 0 0 / 100% 100% 0 0; background: var(--ph-paper); } .ph-section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 34px; } .ph-section-head > div:first-child { position: relative; padding-right: 18px; } .ph-accent-line { position: absolute; width: 3px; height: 25px; border-radius: 4px; right: 0; top: 2px; background: var(--ph-gold); transform: rotate(20deg); } .ph-section-head h2 { font-size: 30px; margin: 0 0 7px; font-weight: 800; } .ph-section-head p { margin: 0; color: var(--ph-muted); font-size: 13px; } .ph-section-head > a, .ph-text-link { color: #1781cd; font-size: 12px; font-weight: 700; white-space: nowrap; } .ph-feature-grid { columns:3 280px; column-gap:12px; direction:rtl; } .ph-feature-card { position:relative; display:inline-block; width:100%; margin:0 0 12px; overflow:hidden; border-radius:18px; color:#fff!important; background:#182126; break-inside:avoid; vertical-align:top; isolation:isolate; box-shadow:0 16px 38px rgba(17,27,33,.13); } .ph-feature-card img, .ph-photo img, .ph-collection-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; } .ph-feature-card img { position:relative; z-index:0; display:block; width:100%; height:auto; object-fit:contain; } .ph-feature-card:hover img { transform:scale(1.018); } .ph-photo:hover img, .ph-collection-card:hover img { transform: scale(1.045); } .ph-card-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,9,12,.96), rgba(3,9,12,.34) 52%, rgba(3,9,12,.05) 78%); z-index: 1; } .ph-card-copy { position: absolute; z-index: 2; right: 22px; bottom: 20px; display: flex; flex-direction: column; align-items: flex-start; direction: rtl; } .ph-card-copy strong { color:#fff; font-size:22px; line-height:1.55; text-shadow:0 2px 12px rgba(0,0,0,.65); } .ph-card-copy small { opacity: .8; font-size: 11px; margin-top: 4px; } .ph-card-arrow { position: absolute; z-index: 2; left: 18px; bottom: 18px; width: 41px; height: 41px; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; display: grid; place-items: center; } .ph-feature-3 .ph-card-copy strong, .ph-feature-4 .ph-card-copy strong { font-size: 18px; } .ph-feature-card .ph-card-overlay { opacity:0; transition:opacity .28s ease; } .ph-feature-card .ph-card-copy { opacity:0; transform:translateY(14px); transition:opacity .28s ease,transform .28s ease; } .ph-feature-card .ph-card-arrow { opacity:0; transform:translateY(10px); transition:opacity .28s ease,transform .28s ease,background-color .2s ease; } .ph-feature-card:hover .ph-card-overlay, .ph-feature-card:focus-visible .ph-card-overlay, .ph-feature-card:hover .ph-card-copy, .ph-feature-card:focus-visible .ph-card-copy, .ph-feature-card:hover .ph-card-arrow, .ph-feature-card:focus-visible .ph-card-arrow { opacity:1; transform:translateY(0); } .ph-feature-card:hover .ph-card-arrow { background:rgba(217,174,88,.22); } .ph-latest { padding-top: 70px; } .ph-filter-pills { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; padding: 0 !important; } .ph-filter-pills a { color: #555; background: #efebe4; border-radius: 17px; padding: 7px 14px; font-size: 10px; } .ph-filter-pills a.active { background: var(--ph-gold); color: #111; } .ph-photo-mosaic { columns: 4; column-gap: 9px; direction: rtl; } .ph-photo { position: relative; display: inline-block; width: 100%; margin: 0 0 9px; overflow: hidden; border-radius: 10px; background: #ddd; break-inside: avoid; vertical-align: top; box-shadow: 0 8px 24px rgba(17,27,33,.09); } .ph-photo img { display:block; width:100%; height:auto; object-fit:contain; } .ph-photo > span { position: absolute; inset: auto 0 0; padding: 35px 14px 12px; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,.7), transparent); opacity: 0; transition: .2s; direction: rtl; display: flex; flex-direction: column; } .ph-photo:hover > span { opacity: 1; } .ph-photo span strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ph-photo span small { font-size: 9px; opacity: .8; } .ph-text-link { display: inline-flex; margin-top: 22px; gap: 7px; } .ph-collections { background:linear-gradient(135deg,#101b21,#172830 68%,#19231f); color:#fff; padding-block:88px; overflow:hidden; } .ph-collections::before { content:""; position:absolute; width:520px; height:520px; right:-240px; top:-260px; border-radius:50%; background:radial-gradient(circle,rgba(217,174,88,.16),transparent 68%); } .ph-collections::after { content:""; position:absolute; inset:0; opacity:.08; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000,transparent); } .ph-section-head-light p { color: rgba(255,255,255,.55); } .ph-section-head-light > a { color:#f5d98c; } .ph-collections-inner { position: relative; z-index: 1; } .ph-collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; direction:rtl; } .ph-collection-card { aspect-ratio:16/9; min-height:0; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:22px; color:#fff!important; isolation:isolate; box-shadow:0 18px 46px rgba(0,0,0,.2); } .ph-collection-card img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; } .ph-collection-card .ph-card-overlay { background:linear-gradient(0deg,rgba(2,8,11,.96),rgba(2,8,11,.42) 48%,rgba(2,8,11,.04) 82%); transition:.35s; } .ph-collection-card:hover .ph-card-overlay { background:linear-gradient(0deg,rgba(2,8,11,.98),rgba(2,8,11,.25) 58%,transparent); } .ph-collection-copy { position:absolute; z-index:2; right:24px; bottom:22px; left:72px; direction:rtl; } .ph-collection-copy strong,.ph-collection-copy small { display:block; color:#fff; text-shadow:0 2px 14px rgba(0,0,0,.8); } .ph-collection-copy strong { font-size:clamp(15px,1.5vw,21px); line-height:1.55; } .ph-collection-copy small { margin-top:5px; color:#f5d98c; font-size:11px; } .ph-collection-index { position:absolute; z-index:2; top:18px; right:20px; color:rgba(255,255,255,.82); font:700 11px/1 sans-serif; letter-spacing:.16em; } .ph-collection-card > i { position:absolute; z-index:2; bottom:20px; left:20px; width:38px; height:38px; border:1px solid rgba(255,255,255,.72); border-radius:50%; display:grid; place-items:center; color:#fff; font-size:13px; transition:.25s; } .ph-collection-card:hover > i { color:#17242a; border-color:#e5bd64; background:#e5bd64; transform:translateX(-4px); } .ph-photographers { position:relative; padding-block:88px 92px; overflow:hidden; background:linear-gradient(180deg,#f8f5ef 0%,#f4efe7 100%); } .ph-photographers::before { content:""; position:absolute; width:680px; height:680px; top:-360px; right:-280px; border-radius:50%; pointer-events:none; background:radial-gradient(circle,rgba(217,174,88,.18),transparent 68%); } .ph-photographers::after { content:""; position:absolute; width:520px; height:520px; left:-310px; bottom:-360px; border:1px solid rgba(190,145,81,.1); border-radius:50%; pointer-events:none; box-shadow:0 0 0 70px rgba(190,145,81,.025),0 0 0 140px rgba(190,145,81,.018); } .ph-photographers .ph-shell { position:relative; z-index:1; } .ph-creators-head { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:38px; } .ph-creators-head__copy { min-width:0; } .ph-creators-kicker { display:inline-flex; align-items:center; gap:10px; margin-bottom:9px; color:#9b7337; font-size:10px; font-weight:900; } .ph-creators-kicker i { width:7px; height:7px; border-radius:50%; background:#be9151; box-shadow:0 0 0 5px rgba(190,145,81,.12); } .ph-creators-kicker b { width:28px; height:1px; background:#c7bda9; } .ph-creators-head h2 { margin:0; color:#17242b; font-size:clamp(32px,4vw,58px); line-height:1.35; font-weight:950; letter-spacing:-1.8px; } .ph-creators-head h2 em { position:relative; color:#b8863e; font-style:normal; white-space:nowrap; } .ph-creators-head h2 em::after { content:""; position:absolute; z-index:-1; height:8px; right:2px; left:2px; bottom:8px; border-radius:50%; background:rgba(193,147,79,.16); transform:rotate(-1deg); } .ph-creators-head__copy > p { max-width:670px; margin:8px 0 0; color:#697177; font-size:13px; line-height:2; } .ph-creators-summary { display:flex; flex-direction:row-reverse; align-items:center; justify-content:flex-end; gap:12px; flex:0 0 auto; } .ph-creators-summary > strong { color:#1e2b31; font-size:58px; line-height:1; font-weight:950; letter-spacing:-4px; } .ph-creators-summary > span { padding-right:12px; border-right:1px solid #d9d2c5; color:#7e8585; font-size:10px; line-height:1.85; } .ph-creators-summary > span b { color:#24313a; font-weight:900; } .ph-creators-summary > i { align-self:flex-start; margin-top:3px; color:#c0914e; font-size:20px; } .ph-creators-gallery { position:relative; min-width:0; padding:28px 24px 18px; overflow:hidden; border-radius:27px; color:#fff; background:radial-gradient(ellipse 570px 270px at 90% 0%,rgba(195,148,78,.16),transparent 75%),radial-gradient(ellipse 550px 440px at 0 100%,rgba(93,112,117,.17),transparent 72%),#172730; box-shadow:0 22px 70px rgba(20,34,40,.17); } .ph-creators-gallery::after { content:"قاب‌های ماندگار"; position:absolute; left:-70px; bottom:62px; color:rgba(255,255,255,.025); font-size:88px; font-weight:950; white-space:nowrap; transform:rotate(-7deg); pointer-events:none; } .ph-creators-gallery__top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:21px; } .ph-creators-gallery__top > div { display:flex; align-items:center; gap:10px; min-width:0; } .ph-creators-gallery__top > div > i { width:4px; height:22px; border-radius:10px; background:#cfaa70; } .ph-creators-gallery__top strong { color:#fff; font-size:14px; font-weight:900; white-space:nowrap; } .ph-creators-gallery__top span { padding:4px 10px; border:1px solid rgba(255,255,255,.08); border-radius:20px; color:#b4bbbd; background:rgba(255,255,255,.07); font-size:9px; white-space:nowrap; } .ph-creators-gallery__top > a { display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid rgba(255,255,255,.18); border-radius:12px; color:#f2d18e!important; font-size:10px; font-weight:900; text-decoration:none!important; transition:.22s; } .ph-creators-gallery__top > a:hover { color:#172730!important; border-color:#d7ad68; background:#d7ad68; transform:translateX(-2px); } .ph-creators-rail { position:relative; z-index:1; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:11px; min-width:0; } .ph-creator-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.12); transition:transform .28s ease,box-shadow .28s ease; } .ph-creator-card:hover { transform:translateY(-6px); box-shadow:0 19px 36px rgba(0,0,0,.23); } .ph-creator-card__visual { position:relative; isolation:isolate; height:157px; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#a89270!important; background:linear-gradient(145deg,#ebece8,#f6f1e6 80%); text-decoration:none!important; } .ph-creator-card__visual::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.92),transparent 38%),radial-gradient(circle at 94% 93%,rgba(181,146,101,.2),transparent 45%); } .ph-creator-card__visual::after { content:""; position:absolute; z-index:-1; top:-75px; left:-64px; width:210px; height:210px; border:1px solid rgba(188,151,90,.23); border-radius:50%; box-shadow:0 0 0 22px rgba(181,145,93,.05),0 0 0 44px rgba(181,145,93,.03); } .ph-creator-card__index { position:absolute; top:13px; right:14px; color:#aa9d89; font:800 12px/1 sans-serif; letter-spacing:.08em; } .ph-creator-card__visual > i { position:absolute; top:11px; left:13px; color:#c49a58; font-size:15px; } .ph-creator-avatar { width:105px; height:105px; padding:3px; overflow:hidden; border:2px solid #cbad78; border-radius:50%; background:#fff; box-shadow:0 0 0 6px rgba(255,255,255,.72),0 7px 25px rgba(38,48,47,.14); transition:transform .32s ease; } .ph-creator-card:hover .ph-creator-avatar { transform:scale(1.045) rotate(-1deg); } .ph-creator-avatar img { display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; } .ph-creator-card__body { padding:15px 12px 12px; color:#17242b; text-align:center; } .ph-creator-card__body > span { color:#a27a43; font-size:8px; font-weight:900; } .ph-creator-card__body h3 { min-height:22px; margin:5px 0 3px; font-size:13px; line-height:1.65; font-weight:950; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .ph-creator-card__body h3 a { color:#17242b!important; text-decoration:none!important; } .ph-creator-card__body p { margin:0 0 11px; color:#858c8e; font-size:9px; } .ph-creator-card__body p strong { color:#4e5b60; font-size:10px; } .ph-creator-card__action { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:7px 9px 7px 7px; border:1px solid #e9e3d8; border-radius:11px; color:#303d43!important; background:#faf8f4; font-size:9px; font-weight:900; text-decoration:none!important; transition:.2s; } .ph-creator-card__action i { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#172730; font-size:11px; transition:.2s; } .ph-creator-card__action:hover { border-color:#caa06a; background:#f4eadc; } .ph-creator-card__action:hover i { color:#172730; background:#caa06a; transform:translate(-2px,-2px); } .ph-creators-gallery__footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding-top:14px; color:#aeb7b9; } .ph-creators-gallery__footer > span { display:flex; align-items:center; gap:8px; font-size:9px; } .ph-creators-gallery__footer > span i { color:#cea468; font-size:17px; } .ph-creators-gallery__footer small { color:#78878c; font-size:8px; } .ph-mission { color: #fff; padding: 48px 0; background: radial-gradient(circle at 15% 30%, rgba(207,157,54,.16), transparent 28%), linear-gradient(105deg,#0b2029,#143746); } .ph-mission-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); align-items: center; } .ph-mission-grid > div { min-height: 72px; display: grid; grid-template-columns: 50px 1fr; align-content: center; border-left: 1px solid rgba(255,255,255,.25); padding: 0 30px; } .ph-mission-grid > div:last-child { border-left: 0; } .ph-mission-grid i { color: var(--ph-gold); font-size: 34px; grid-row: 1 / 3; align-self: center; } .ph-mission-grid strong { font-size: 24px; } .ph-mission-grid span { font-size: 11px; color: rgba(255,255,255,.75); } .ph-mission-brand { display: flex !important; flex-direction: column; } .ph-mission-brand strong { color: var(--ph-gold-soft); font-size: 24px; letter-spacing: .08em; } /* Homepage editorial news */ .ph-news { padding-block:86px 90px; background:linear-gradient(180deg,#f8f5ef 0%,#f2ede4 100%); } .ph-news::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background:radial-gradient(circle at 12% 18%,rgba(217,174,88,.18),transparent 22%); } .ph-news .ph-shell { position:relative; z-index:1; } .ph-news-kicker { display:block; margin-bottom:4px; color:#a77829; font-size:10px; font-weight:800; letter-spacing:.03em; } .ph-news-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:18px; align-items:stretch; } .ph-news-lead,.ph-news-card { overflow:hidden; border:1px solid rgba(17,27,33,.08); background:#fff; box-shadow:0 16px 45px rgba(17,27,33,.075); } .ph-news-lead { display:grid; grid-template-rows:minmax(250px,1fr) auto; border-radius:24px; } .ph-news-lead__image { position:relative; display:block; min-height:300px; overflow:hidden; background:#d9d7d0; } .ph-news-lead__image img,.ph-news-card__image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; } .ph-news-lead:hover img,.ph-news-card:hover img { transform:scale(1.035); } .ph-news-lead__badge { position:absolute; top:18px; right:18px; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:20px; color:#172126; background:#f2cf76; box-shadow:0 8px 24px rgba(0,0,0,.18); font-size:10px; font-weight:900; } .ph-news-lead__body { padding:24px 26px 25px; } .ph-news-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px; color:#8b8f91; font-size:9.5px; } .ph-news-meta a { padding:4px 9px; border-radius:12px; color:#8a6425!important; background:#f4ead5; font-weight:800; } .ph-news-meta i { margin-left:4px; color:#b88734; } .ph-news-lead h3 { margin:13px 0 8px; font-size:clamp(19px,2vw,25px); line-height:1.65; font-weight:900; } .ph-news-lead h3 a,.ph-news-card h3 a { color:#172126; } .ph-news-lead p { min-height:48px; margin:0; color:#697276; font-size:12px; line-height:2; } .ph-news-read { display:inline-flex; align-items:center; gap:8px; margin-top:16px; color:#956b25!important; font-size:11px; font-weight:900; } .ph-news-read i { transition:transform .2s; } .ph-news-read:hover i { transform:translateX(-4px); } .ph-news-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .ph-news-card { position:relative; display:grid; grid-template-rows:minmax(130px,1fr) auto; min-width:0; border-radius:18px; } .ph-news-card__image { display:block; min-height:132px; overflow:hidden; background:#d9d7d0; } .ph-news-card__body { position:relative; min-height:114px; padding:14px 15px 15px; } .ph-news-card h3 { margin:10px 0 0; padding-left:27px; font-size:13px; line-height:1.75; font-weight:850; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .ph-news-card__link { position:absolute; left:14px; bottom:15px; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#172126!important; background:#e6be62; font-size:11px; transition:.2s; } .ph-news-card:hover .ph-news-card__link { transform:translateX(-3px); background:#d7aa4c; } .ph-categories { padding-block: 76px; } .ph-category-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; } .ph-category-grid a { height: 112px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 13px; color: #1a2428; background: #eeebe5; border-radius: 12px; transition: .2s; } .ph-category-grid a:hover { transform: translateY(-4px); background: #e8dfce; color: #8d6827; } .ph-category-grid i { font-size: 27px; } .ph-category-grid span { font-size: 12px; font-weight: 700; text-align: center; } .ph-footer { color: rgba(255,255,255,.75); background: radial-gradient(circle at 82% 15%,rgba(207,157,54,.10),transparent 25%),linear-gradient(100deg,#0b171d,#122934); padding-top: 66px; } .ph-footer-grid { display: grid; grid-template-columns: 1.25fr .8fr .8fr 1.3fr; gap: 65px; padding-bottom: 48px; } .ph-footer-brand img { width: 170px; height: 48px; object-fit: contain; margin-bottom: 15px; filter: brightness(0) invert(1); } .ph-footer p { font-size: 12px; line-height: 1.9; } .ph-footer h3 { color: #fff; font-size: 15px; margin: 4px 0 18px; } .ph-footer-grid > div:not(.ph-footer-brand) > a { display: block; color: rgba(255,255,255,.7); font-size: 12px; margin-bottom: 10px; } .ph-footer a:hover { color: var(--ph-gold-soft) !important; } .ph-socials { display: flex; gap: 9px; margin-top: 16px; } .ph-socials a { width: 31px; height: 31px; border: 1px solid rgba(255,255,255,.25); color: #fff; display: grid; place-items: center; border-radius: 50%; font-size: 13px; } .ph-newsletter form { display: flex; height: 46px; border: 1px solid rgba(217,174,88,.65); border-radius: 25px; padding: 4px; } .ph-newsletter input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #fff; padding: 0 15px; font-size: 11px; } .ph-newsletter button { width: 37px; border: 0; border-radius: 50%; color: #171f22; background: var(--ph-gold); } .ph-footer-bottom { border-top: 1px solid rgba(255,255,255,.13); text-align: center; padding: 19px; font-size: 10px; } @media (max-width: 991.98px) { .ph-shell { width: min(100% - 34px, 900px); } .ph-desktop-nav, .ph-upload-btn { display: none; } .ph-menu-toggle { display: block; } .ph-brand img { width: 145px; } .ph-hero, .ph-hero-content { min-height: 700px; } .ph-hero-copy { width: 65%; margin-inline: auto; } .ph-hero h1 { font-size: 54px; } .ph-hero-stats { max-width: calc(100% - 36px); width: 650px; } .ph-scroll-hint { display: none; } .ph-feature-grid { columns:2 260px; } .ph-photo-mosaic { columns: 3; } .ph-collection-card { aspect-ratio:16/10; } .ph-creators-rail { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .ph-creator-card__visual { height:178px; } .ph-creator-avatar { width:116px; height:116px; } .ph-mission-grid { grid-template-columns: repeat(3, 1fr); } .ph-mission-brand { display: none !important; } .ph-news-layout { grid-template-columns:1fr; } .ph-news-lead { grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr); grid-template-rows:none; } .ph-news-lead__image { min-height:310px; } .ph-category-grid { grid-template-columns: repeat(4, 1fr); } .ph-footer-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1199.98px) { .ph-desktop-nav, .ph-upload-btn { display: none; } .ph-menu-toggle { display: block; } } @media (min-width: 992px) and (max-width: 1199.98px) { .ph-hero { background-position: 43% center; } .ph-hero-content { padding-top: 132px; } .ph-hero-copy { width: min(620px, 68%); margin-left: auto; } .ph-hero h1 { font-size: clamp(52px, 6.2vw, 66px); } .ph-hero-copy > p { font-size: 17px; } .ph-search-tags { max-width: 100%; align-items: center; } .ph-search-tags a { padding-inline: 11px; } .ph-hero-stats { width: min(690px, calc(100% - 48px)); max-width: none; } } @media (max-width: 767.98px) { .ph-shell { width: calc(100% - 28px); } .ph-header { height: 67px; } .ph-hero { background-position: 37% center; } .ph-hero, .ph-hero-content { min-height: 690px; } .ph-hero-shade { background: linear-gradient(0deg, rgba(6,13,17,.76), rgba(6,13,17,.2) 90%), linear-gradient(90deg, transparent, rgba(6,13,17,.45)); } .ph-hero-content { padding-top: 115px; } .ph-hero-copy { width: 100%; text-align: center; } .ph-eyebrow { font-size: 11px; } .ph-hero h1 { font-size: 43px; } .ph-hero-copy > p { font-size: 15px; } .ph-search { height: 54px; } .ph-search input { font-size: 11px; padding: 0 14px; } .ph-search button { flex-basis: 43px; height: 43px; } .ph-search-tags { justify-content: center; max-height: 78px; overflow: hidden; } .ph-hero-stats { grid-template-columns: repeat(3, 1fr); bottom: 20px; } .ph-hero-stats > div { min-height: 74px; display: flex; flex-direction: column; align-items: center; padding: 10px 5px; text-align: center; } .ph-hero-stats i { font-size: 22px; } .ph-hero-stats strong { font-size: 15px; } .ph-hero-stats span { font-size: 8px; } .ph-section { padding-block: 62px; } .ph-section-head { align-items: flex-start; margin-bottom: 26px; } .ph-section-head h2 { font-size: 24px; } .ph-section-head p { font-size: 11px; } .ph-section-head > a { margin-top: 7px; font-size: 10px; } .ph-filter-pills { display: none; } .ph-feature-grid { columns:2 160px; column-gap:8px; } .ph-feature-card { margin-bottom:8px; border-radius:13px; } .ph-card-copy strong { font-size: 17px; } .ph-photo-mosaic { columns: 2; column-gap:7px; } .ph-photo { margin-bottom:7px; border-radius:8px; } .ph-photo > span { opacity: 1; } .ph-collection-grid { display:grid; grid-template-columns:1fr; gap:12px; } .ph-collection-card { width:100%; aspect-ratio:16/10; border-radius:18px; } .ph-collection-copy { right:18px; bottom:17px; left:60px; } .ph-collection-card > i { left:15px; bottom:15px; width:35px; height:35px; } .ph-photographers { padding-block:62px 66px; } .ph-creators-head { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:27px; } .ph-creators-head h2 { font-size:clamp(32px,9.6vw,45px); line-height:1.48; letter-spacing:-1.3px; } .ph-creators-head__copy > p { max-width:520px; font-size:11px; } .ph-creators-summary { width:100%; justify-content:space-between; flex-direction:row; } .ph-creators-summary > strong { order:3; font-size:39px; letter-spacing:-2px; } .ph-creators-summary > span { order:2; margin-left:auto; padding-right:0; padding-left:12px; border-right:0; border-left:1px solid #d9d2c5; font-size:9px; } .ph-creators-summary > i { order:1; align-self:center; } .ph-creators-gallery { padding:20px 13px 13px; border-radius:22px; } .ph-creators-gallery__top { align-items:flex-start; } .ph-creators-gallery__top > div { flex-wrap:wrap; gap:7px; } .ph-creators-gallery__top strong { font-size:12px; } .ph-creators-gallery__top > a { flex:0 0 auto; padding:7px 9px; font-size:0; } .ph-creators-gallery__top > a i { font-size:13px; } .ph-creators-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(205px,76%); grid-template-columns:none; gap:11px; padding:2px 1px 10px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; } .ph-creators-rail::-webkit-scrollbar { display:none; } .ph-creator-card { scroll-snap-align:start; } .ph-creator-card__visual { height:166px; } .ph-creator-avatar { width:108px; height:108px; } .ph-creator-card__body h3 { font-size:14px; } .ph-creators-gallery__footer small { display:none; } .ph-creators-gallery__footer { min-height:42px; justify-content:center; } .ph-creators-gallery::after { display:none; } .ph-mission { padding: 28px 0; } .ph-mission-grid > div { padding: 0 12px; grid-template-columns: 36px 1fr; } .ph-mission-grid i { font-size: 24px; } .ph-mission-grid strong { font-size: 16px; } .ph-mission-grid span { font-size: 8px; } .ph-news { padding-block:60px 64px; } .ph-news-layout { display:block; } .ph-news-lead { display:block; border-radius:19px; } .ph-news-lead__image { min-height:0; aspect-ratio:16/10; } .ph-news-lead__body { padding:19px 18px 21px; } .ph-news-lead h3 { font-size:18px; } .ph-news-lead p { min-height:0; font-size:11px; } .ph-news-list { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(245px,78%); grid-template-columns:none; gap:11px; margin-top:14px; padding-bottom:10px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; } .ph-news-list::-webkit-scrollbar { display:none; } .ph-news-card { scroll-snap-align:start; } .ph-news-card__image { aspect-ratio:16/9; min-height:0; } .ph-category-grid { grid-template-columns: repeat(2, 1fr); } .ph-category-grid a { height: 95px; } .ph-footer-grid { grid-template-columns: 1fr; gap: 28px; } } @media (max-width: 420px) { .ph-hero h1 { font-size: 38px; } .ph-feature-grid { columns:1; } .ph-collection-card,.ph-collection-card:first-child,.ph-collection-card:nth-child(2) { flex-basis:91%; aspect-ratio:16/10; } .ph-mission-grid i { display: none; } .ph-mission-grid > div { display: flex; flex-direction: column; padding: 0 7px; } .ph-creators-kicker { gap:7px; font-size:9px; } .ph-creators-kicker b { width:19px; } .ph-creators-rail { grid-auto-columns:minmax(198px,82%); } } /* Shared front-end theme -------------------------------------------------- */ .ph-site-theme:not(.ph-home-page) { background: var(--ph-paper); color: var(--ph-ink); } .ph-site-theme:not(.ph-home-page) > main { min-height:100vh; display:flex; flex-direction:column; overflow:hidden; } .ph-site-theme:not(.ph-home-page) > main > .ph-footer { flex:0 0 auto; margin-top:auto; } .ph-site-theme:not(.ph-home-page):not(.ph-showcase-page) .ph-header { position:relative; inset:auto; background:linear-gradient(110deg,#101b21,#1a2930); } .ph-site-theme:not(.ph-home-page):not(.ph-showcase-page) main > .ph-header + section { padding-top:48px!important; padding-bottom:72px; } .ph-site-theme:not(.ph-home-page) .section { background: transparent; } .ph-site-theme:not(.ph-home-page) h1 { font-weight: 900; letter-spacing: -.025em; } .ph-site-theme:not(.ph-home-page) .btn-custom { border:0; border-radius:12px; color:#172126!important; background:linear-gradient(110deg,#e8c66e,#c18d35)!important; font-weight:800; box-shadow:0 8px 22px rgba(193,141,53,.2); } /* Image listings, explore and search */ .ph-site-theme:not(.ph-home-page) .ph-footer { width:100%; max-width:none; margin:0; } /* Categories and collections */ /* Blog */ /* Photo detail */ .ph-site-theme:not(.ph-home-page) .description { margin-top:26px; color:#626b6f; line-height:2; font-family:inherit!important; font-size:14px; } /* Pricing, cart, static content and tables */ /* Authentication */ /* Empty and error states */ @media(max-width:767.98px){ .ph-site-theme:not(.ph-home-page):not(.ph-showcase-page) main > .ph-header + section{padding-top:32px!important;padding-bottom:48px} } @media(max-width:575.98px){ html,body.ph-home-page{max-width:100%;overflow-x:hidden;overflow-x:clip} .ph-home-page .ph-nav-wrap{gap:5px} .ph-home-page .ph-brand{min-width:0;flex:0 1 auto}.ph-home-page .ph-brand img{width:112px;height:38px} .ph-home-page .ph-nav-actions{min-width:0;gap:4px} .ph-home-page .ph-mobile-upload-quick{display:none} .ph-home-page .ph-icon-link,.ph-home-page .ph-cart-link,.ph-home-page .ph-menu-toggle{width:38px;min-width:38px;height:38px;padding:0;justify-content:center} .ph-home-page .ph-cart-link b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;font-size:8px} .ph-home-page .ph-user-menu-toggle{width:38px;min-width:38px;height:38px;padding:2px;justify-content:center} .ph-home-page .ph-user-menu-toggle img{width:30px;height:30px}.ph-home-page .ph-user-menu-toggle span,.ph-home-page .ph-user-menu-toggle>i{display:none} } /* Reliable first-page navigation. The former deferred bundle meant dropdown positioning, click targets and several authenticated icons were unavailable during the first render. */ .ph-header,.ph-nav-wrap,.ph-nav-actions,.ph-desktop-nav{overflow:visible} .ph-header{z-index:1050} .ph-explore-menu,.ph-user-menu{position:relative;z-index:2} .ph-explore-dropdown{ top:100%!important;right:0!important;left:auto!important;transform:none!important; z-index:1080!important } .ph-user-dropdown{ top:calc(100% + 8px)!important;right:auto!important;left:0!important; transform:none!important;z-index:1080!important } .ph-explore-dropdown.show,.ph-user-dropdown.show{ display:block!important;visibility:visible!important;pointer-events:auto!important } .ph-explore-toggle,.ph-user-menu-toggle,.ph-user-dropdown a,.ph-explore-dropdown a{pointer-events:auto!important} .ph-user-dropdown .ph-admin-menu-item>a{color:#78551c!important;background:linear-gradient(135deg,#fff7e3,#f8ead0)!important;font-weight:900} .ph-user-dropdown .ph-admin-menu-item>a:hover{color:#3e2b0e!important;background:linear-gradient(135deg,#f7dfaa,#efcf88)!important} .ph-mobile-account>div{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:4px} .ph-mobile-account .ph-mobile-admin-entry{ display:inline-flex!important;align-items:center;gap:6px;margin-top:4px;padding:7px 10px!important; border:1px solid #d6ad5c!important;border-radius:10px;background:#fff7e6; color:#684b18!important;font-size:11px!important;font-weight:900 } .ph-mobile-account .ph-mobile-logout-entry{color:#a43e48!important} @media(max-width:575.98px){ .ph-user-dropdown{ position:fixed!important;top:70px!important;right:12px!important;left:12px!important; width:auto!important;max-height:calc(100dvh - 86px);transform:none!important;overflow-y:auto } } /* Shared readability baseline */ .ph-desktop-nav{gap:14px}.ph-desktop-nav a{font-size:13px;font-weight:600} .ph-upload-btn{font-size:13px} .ph-mobile-nav .offcanvas-body a{font-size:14px} .ph-footer p,.ph-footer-grid>div:not(.ph-footer-brand)>a{font-size:13px}.ph-footer h3{font-size:16px}.ph-footer-bottom{font-size:12px} /* Unified link palette; destructive actions intentionally keep their warning color */ .ph-site-theme main :where(a:not(.btn):not(.badge):not(.text-danger):not(.actionDelete)){color:#8f6928} .ph-site-theme main :where(a:not(.btn):not(.badge):not(.text-danger):not(.actionDelete):hover){color:#b48331} /* Stable desktop header controls */ .ph-header .ph-brand,.ph-header .ph-upload-btn{flex-shrink:0} @media(min-width:1200px) and (max-width:1399.98px){.ph-nav-wrap{gap:16px}.ph-desktop-nav{gap:10px}.ph-desktop-nav a{font-size:12px}.ph-upload-btn{min-width:108px;padding-inline:13px}} /* Bright, calm global navigation */ .ph-site-theme .ph-header, .ph-site-theme:not(.ph-home-page):not(.ph-showcase-page) .ph-header{ color:#1b2a31;background:rgba(255,253,249,.96);border-bottom:1px solid #e8e1d6; box-shadow:0 8px 28px rgba(18,31,37,.08);backdrop-filter:blur(16px) } .ph-site-theme .ph-brand img{filter:none} .ph-site-theme .ph-desktop-nav>a,.ph-site-theme .ph-explore-toggle{color:#35434a} .ph-site-theme .ph-desktop-nav>a:hover,.ph-site-theme .ph-desktop-nav>a.active, .ph-site-theme .ph-explore-toggle:hover,.ph-site-theme .ph-explore-toggle.active{color:#9b6e21} .ph-site-theme .ph-icon-link,.ph-site-theme .ph-menu-toggle{color:#24343b} .ph-site-theme .ph-upload-btn{color:#5d451b;border-color:#d5ad5e;background:#fff7e5;box-shadow:0 6px 18px rgba(184,132,42,.1)} .ph-site-theme .ph-upload-btn:hover{color:#33250f;background:#f5dfad;border-color:#c7953d} .ph-site-theme .ph-upload-btn i{color:#a47320} .ph-explore-menu{height:78px;display:flex;align-items:center;position:relative} .ph-explore-toggle{height:100%;padding:0;border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;transition:.2s} .ph-explore-toggle>i{margin-right:5px;font-size:9px;transition:transform .2s} .ph-explore-toggle[aria-expanded=true]>i{transform:rotate(180deg)} .ph-explore-toggle.active:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ph-gold);bottom:15px;right:50%} .ph-explore-dropdown{width:310px;margin-top:0!important;padding:10px!important;border:1px solid #e9e2d8!important;border-radius:19px!important;background:#fff!important;box-shadow:0 24px 65px rgba(15,28,34,.16)!important;direction:rtl;text-align:right} .ph-explore-dropdown .dropdown-item{display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:60px;padding:8px 10px!important;border-radius:13px;color:#29383f!important;white-space:normal} .ph-explore-dropdown .dropdown-item:hover,.ph-explore-dropdown .dropdown-item.active{color:#7f5a1d!important;background:#faf3e4!important} .ph-explore-dropdown .dropdown-item>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#a77827;background:#f4ead5;font-size:17px} .ph-explore-dropdown .dropdown-item span,.ph-explore-dropdown .dropdown-item strong,.ph-explore-dropdown .dropdown-item small{display:block} .ph-explore-dropdown .dropdown-item strong{font-size:13px}.ph-explore-dropdown .dropdown-item small{margin-top:3px;color:#899195;font-size:10px} .ph-mobile-submenu-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;border:0;border-bottom:1px solid #eee;background:transparent;color:var(--ph-ink);font:inherit;font-size:14px;text-align:right} .ph-mobile-submenu-toggle span{display:flex;align-items:center;gap:9px}.ph-mobile-submenu-toggle[aria-expanded=true]>.bi-chevron-down{transform:rotate(180deg)} .ph-mobile-submenu-toggle>.bi-chevron-down{font-size:11px;transition:transform .2s}.ph-mobile-submenu-toggle span i{color:#b0802e} .ph-mobile-submenu{margin:3px 8px 10px;padding:6px;border-radius:14px;background:#f5f1e9} .ph-mobile-nav .ph-mobile-submenu a{padding:10px 13px;border-bottom-color:#e7dfd2;font-size:13px} .ph-mobile-nav .ph-mobile-submenu a:last-child{border-bottom:0} .ph-mobile-upload-quick{display:none;align-items:center;justify-content:center;gap:5px;height:38px;padding:0 11px;border:1px solid #d5ad5e;border-radius:13px;background:#fff7e5;color:#6f511d!important;font-size:11px;font-weight:800;text-decoration:none}.ph-mobile-upload-quick i{font-size:15px;color:#a47320}.ph-mobile-nav .ph-mobile-upload-action{display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:11px;margin:0 0 12px;padding:12px!important;border:1px solid #e1c37f!important;border-radius:15px;background:linear-gradient(135deg,#fff8e8,#f4dfaa);color:#3e311b!important}.ph-mobile-upload-action>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d4a03d;color:#fff;font-size:19px}.ph-mobile-upload-action span,.ph-mobile-upload-action strong,.ph-mobile-upload-action small{display:block}.ph-mobile-upload-action strong{font-size:13px}.ph-mobile-upload-action small{margin-top:3px;color:#816b42;font-size:10px} @media(max-width:1199.98px){.ph-mobile-upload-quick{display:inline-flex}.ph-nav-actions{gap:7px}} @media(max-width:420px){.ph-mobile-upload-quick{width:39px;padding:0}.ph-mobile-upload-quick span{display:none}.ph-menu-toggle{font-size:25px}.ph-nav-actions{gap:4px}} /* announcement.css */ .ph-mobile-face-entry{display:none} @media(max-width:767.98px){ .ph-mobile-face-entry{display:block;position:relative;z-index:4;margin:-1px 0 0;padding:17px 0 2px;background:linear-gradient(180deg,#101b21 0,#f8f5ef 100%)} .ph-mobile-face-entry a{position:relative;isolation:isolate;display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;overflow:hidden;padding:16px;border:1px solid rgba(234,190,91,.42);border-radius:22px;background:radial-gradient(circle at 4% 0,rgba(75,193,180,.22),transparent 30%),linear-gradient(135deg,#102b37,#173f4b);box-shadow:0 18px 38px rgba(13,35,44,.22);color:#fff!important} .ph-mobile-face-entry a:after{content:"";position:absolute;z-index:-1;left:-42px;bottom:-75px;width:170px;height:170px;border:1px solid rgba(240,199,102,.2);border-radius:50%;box-shadow:0 0 0 25px rgba(240,199,102,.045),0 0 0 50px rgba(240,199,102,.025)} .ph-mobile-face-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(243,205,116,.3);border-radius:18px;background:rgba(239,194,88,.13);color:#f2ca6f;font-size:27px} .ph-mobile-face-icon b{position:absolute;left:4px;top:4px;width:9px;height:9px;border:2px solid #173b46;border-radius:50%;background:#55d5b4;box-shadow:0 0 0 4px rgba(85,213,180,.16)} .ph-mobile-face-copy{min-width:0}.ph-mobile-face-copy small,.ph-mobile-face-copy strong,.ph-mobile-face-copy em{display:block}.ph-mobile-face-copy small{color:#efc76d;font-size:9px;font-weight:800}.ph-mobile-face-copy strong{margin:3px 0 4px;color:#fff;font-size:18px;font-weight:950}.ph-mobile-face-copy em{color:rgba(255,255,255,.68);font-size:10px;font-style:normal;line-height:1.8} .ph-mobile-face-action{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:1px;border-radius:13px;background:linear-gradient(135deg,#f0c563,#d59c31);color:#102933;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(206,147,40,.25)}.ph-mobile-face-action i{font-size:14px} } @media(max-width:575.98px){ html,body.ph-home-page{max-width:100%;overflow-x:hidden;overflow-x:clip} .ph-home-page .ph-nav-wrap{gap:5px} .ph-home-page .ph-brand{min-width:0;flex:0 1 auto}.ph-home-page .ph-brand img{width:112px;height:38px} .ph-home-page .ph-nav-actions{min-width:0;gap:4px} .ph-home-page .ph-mobile-upload-quick{display:none} .ph-home-page .ph-icon-link,.ph-home-page .ph-cart-link,.ph-home-page .ph-menu-toggle{width:38px;min-width:38px;height:38px;padding:0;justify-content:center} .ph-home-page .ph-cart-link b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;font-size:8px} .ph-home-page .ph-user-menu-toggle{width:38px;min-width:38px;height:38px;padding:2px;justify-content:center} .ph-home-page .ph-user-menu-toggle img{width:30px;height:30px}.ph-home-page .ph-user-menu-toggle span,.ph-home-page .ph-user-menu-toggle>i{display:none} }