.profit-calculator{position:fixed;right:100%;top:0;bottom:0;max-width:calc(100% - 60px);display:flex;align-items:center;transition:transform var(--duration-default) ease;z-index:40}.profit-calculator.position-right{right:unset;left:100%}.profit-calculator.active{z-index:60;transform:translate(100%)}.profit-calculator.position-right.active{transform:translate(-100%)}.profit-calculator--header{background:#ecef5a;box-shadow:0 0 8px 3px #0003;cursor:pointer;padding:2rem .8rem 2rem .3rem;position:absolute;left:100%;z-index:45;display:flex}.profit-calculator.position-right .profit-calculator--header{padding:2rem .3rem 2rem .8rem;left:unset;right:100%}.profit-calculator--overlay{cursor:url(cross.svg),url(cross.png),zoom-out;position:fixed;width:5000px;top:0;right:100%;bottom:0;display:block!important;overflow:hidden;opacity:0;transition:opacity .25s}.profit-calculator.active .profit-calculator--overlay{opacity:1}.profit-calculator.fade-out .profit-calculator--overlay{left:0;opacity:0}.profit-calculator.fade-out.position-right .profit-calculator--overlay{left:auto;right:0}.profit-calculator.active:not(.fade-out) .profit-calculator--overlay{left:0;opacity:1}.profit-calculator.active.position-right:not(.fade-out) .profit-calculator--overlay{left:auto;right:0}.profit-calculator--title{text-orientation:sideways;writing-mode:tb;white-space:nowrap;transform:rotate(180deg);margin:0}@media screen and (max-width: 767px){.profit-calculator--title{font-size:calc(var(--font-heading-scale) * 1.3rem)}.profit-calculator--header{padding:1.8rem .6rem 1.8rem .2rem}.profit-calculator.position-right .profit-calculator--header{padding:1.8rem .2rem 1.8rem .6rem}}.profit-calculator.position-right .profit-calculator--title{transform:none}.profit-calculator--content{background:#ecef5a;padding:1.5rem;width:500px;max-width:100%;z-index:45}.profit-calculator.position-right .profit-calculator--content{border-top-right-radius:unset;border-bottom-right-radius:unset}.profit-calculator--one-column .profit-calculator--content{width:340px}.profit-calculator--row{display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem}.profit-calculator--one-column .profit-calculator--row{flex-direction:column}.profit-calculator--input{width:50%}.profit-calculator--one-column .profit-calculator--input{width:100%}@media screen and (max-width: 767px){.profit-calculator .profit-calculator--content{width:340px}.profit-calculator .profit-calculator--row{flex-direction:column}.profit-calculator .profit-calculator--input{width:100%}}.profit-calculator--input select,.profit-calculator--input input{color:#0f131f;border:0;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));box-sizing:border-box;transition:box-shadow var(--duration-default) ease;padding:0 10px;min-height:35px;height:35px}.profit-calculator--input select:hover,.profit-calculator--input input:hover{box-shadow:inset 0 0 0 .2rem rgb(var(--color-border))}.profit-calculator--input input::-webkit-inner-spin-button,.profit-calculator--input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profit-calculator--input input{-moz-appearance:textfield}.profit-calculator--results{display:flex;flex-direction:column;gap:.3rem}.profit-calculator--results p{font-size:1.4rem;margin:0}.profit-calculator--results span{font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-profit-calculator.css.map */