.PortfolioDetails_container__Kzrdf{display:flex;padding:20px 60px}.PortfolioDetails_image_container__WyUue,.PortfolioDetails_info__2TMXx{flex:1 1;padding:30px}.PortfolioDetails_image_container__WyUue{position:relative;height:auto;overflow:hidden}.PortfolioDetails_fullscreen_container__9snqf{height:100%;width:100%;background-color:var(--darkest-blue);display:flex;align-items:center;justify-content:center}.PortfolioDetails_fullscreen_container__9snqf .PortfolioDetails_img__onrIs{object-fit:contain;width:auto;max-width:100%;max-height:100%}.PortfolioDetails_img__onrIs{width:100%;height:auto;border:1px solid var(--lighter-blue);opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all}.PortfolioDetails_img_loaded__UlKET{opacity:1;transition:all 1s;cursor:zoom-in}.PortfolioDetails_info__2TMXx{opacity:0;transform:translateX(100%);transition:opacity .5s,transform .5s}.PortfolioDetails_info_loaded__EWNsF{opacity:1;transform:translateX(0)}.PortfolioDetails_info_row__s4zr3{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:1rem}.PortfolioDetails_line__B9Q24{border:.5px solid var(--lighter-blue)}.PortfolioDetails_button__nEjbp{padding:10px 20px;background-color:var(--light-color);color:var(--base-blue);border:none;cursor:pointer;font-size:1rem}.PortfolioDetails_image_modal__X9x7C{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.PortfolioDetails_close_button__qgP4f{position:absolute;top:20px;right:20px;background-color:transparent;border:none;color:var(--light-color);font-size:2rem;line-height:20px;height:20px;width:20px;cursor:pointer;z-index:1001}@media(max-width:480px){.PortfolioDetails_image_container__WyUue,.PortfolioDetails_info__2TMXx{padding:25px}.PortfolioDetails_container__Kzrdf{flex-direction:column;padding:0 0 100px}.PortfolioDetails_info__2TMXx{transform:translateY(100%)}.PortfolioDetails_info_loaded__EWNsF{transform:translateY(0)}}.Button_button__c8ycV{position:relative;overflow:hidden;cursor:pointer;text-align:center;width:160px;transition:transform .4s cubic-bezier(.36,1.01,.32,1.27);background:none;color:var(--light-color);transition:border-color .35s,color .35s,box-shadow .35s}.Button_added__B7eEP{background:var(--light-color);color:var(--darkest-blue);border-color:var(--light-color)}.Button_button__c8ycV:focus,.Button_button__c8ycV:hover{border-color:var(--light-color);color:var(--darkest-blue);box-shadow:inset 160px 0 0 0 var(--light-color)}.Button_button__c8ycV span{font-size:14px;font-weight:500;display:block;position:relative;margin-left:-8px;line-height:26px}.Button_button__c8ycV .Button_cart__b8AVq{position:absolute;left:50%;top:50%;margin:-13px 0 0 -18px;transform-origin:12px 23px;transform:translateX(-120px) rotate(-18deg)}.Button_button__c8ycV .Button_cart__b8AVq:after,.Button_button__c8ycV .Button_cart__b8AVq:before{content:"";position:absolute}.Button_button__c8ycV .Button_cart__b8AVq:before{width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--base-blue);bottom:0;left:9px;filter:drop-shadow(11px 0 0 var(--base-blue))}.Button_button__c8ycV .Button_cart__b8AVq:after{width:16px;height:9px;background:var(--base-blue);left:9px;bottom:7px;transform-origin:50% 100%;transform:perspective(4px) rotateX(-6deg) scaleY(0);transition:transform 1.2s ease .8s}.Button_button__c8ycV .Button_cart__b8AVq svg{z-index:1;width:36px;height:26px;display:block;position:relative;fill:none;stroke:var(--base-blue);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.Button_button__c8ycV .Button_cart__b8AVq svg polyline:last-child{stroke:var(--light-color);stroke-dasharray:10px;stroke-dashoffset:(0,10px);transition:stroke-dashoffset .4s ease 1.73s}.Button_button__c8ycV.Button_loading__ItPYU .Button_cart__b8AVq{animation:Button_cart__b8AVq 3.4s linear .2s forwards}.Button_button__c8ycV.Button_loading__ItPYU .Button_cart__b8AVq:after{transform:perspective(4px) rotateX(-6deg) scaleY(1)}.Button_button__c8ycV.Button_loading__ItPYU span{animation:Button_span__yIEYq 3.4s linear forwards}@keyframes Button_span__yIEYq{0%{transform:translateY(0)}10%{transform:translateY(-60px)}90%{transform:translateY(-60px)}to{transform:translateY(0)}}@keyframes Button_cart__b8AVq{12.5%{transform:translateX(-60px) rotate(-18deg)}25%,45%,55%,75%{transform:none}50%{transform:scale(.9)}44%,56%{transform-origin:12px 23px}45%,55%{transform-origin:50% 50%}87.5%{transform:translateX(70px) rotate(-18deg)}to{transform:translateX(140px) rotate(-18deg)}}