/* Color styles */ :root { --color-primary-active: #fce3e3; --color-primary-active-a80: rgba(252, 227, 227, 0.8); --color-primary-200: #ffd7d7; --color-primary-400: #ea7979; --color-primary: #e94f50; --color-primary-a20: #e94f5033; --color-primary-a40: #e94f5066; --color-primary-600: #e34f50; --color-primary-hover: #d34038; --color-error: #f51616; --color-lime: #00a830; --color-green: #18a841; --color-green-600: #148634; --color-white: #ffffff; --color-white-a83: #ffffffd4; --color-gray-100: #f1f0f0; --color-gray-200: #ebebeb; --color-gray-300: #d9d9d9; --color-gray-400: #737373; --color-gray: #6d6d6d; --color-gray-600: #5d5d5d; --color-gray-700: #505050; --color-gray-800: #3f3f3f; --color-gray-900: #282828; --color-black-a15: #00000026; --color-black-400: #121212; --color-black: #000000; --color-gold: #e79720; --color-blue: #4b86fa; --color-skeleton: #d2d2d2; } #root, #preRoot, .drawer, #modal { /******* rozmiary fontów ******/ /* SM */ /* MD */ /* LG */ /* XL */ } #root .font-weight-extralight, #root .font-weight-200, #preRoot .font-weight-extralight, #preRoot .font-weight-200, .drawer .font-weight-extralight, .drawer .font-weight-200, #modal .font-weight-extralight, #modal .font-weight-200 { font-weight: 200 !important; } #root .font-weight-light, #root .font-weight-300, #preRoot .font-weight-light, #preRoot .font-weight-300, .drawer .font-weight-light, .drawer .font-weight-300, #modal .font-weight-light, #modal .font-weight-300 { font-weight: 200 !important; } #root .font-weight-regular, #root .font-weight-400, #preRoot .font-weight-regular, #preRoot .font-weight-400, .drawer .font-weight-regular, .drawer .font-weight-400, #modal .font-weight-regular, #modal .font-weight-400 { font-weight: 400 !important; } #root .font-weight-medium, #root .font-weight-500, #preRoot .font-weight-medium, #preRoot .font-weight-500, .drawer .font-weight-medium, .drawer .font-weight-500, #modal .font-weight-medium, #modal .font-weight-500 { font-weight: 500 !important; } #root .font-weight-semibold, #root .font-weight-600, #preRoot .font-weight-semibold, #preRoot .font-weight-600, .drawer .font-weight-semibold, .drawer .font-weight-600, #modal .font-weight-semibold, #modal .font-weight-600 { font-weight: 600 !important; } #root .font-weight-bold, #root .font-weight-700, #preRoot .font-weight-bold, #preRoot .font-weight-700, .drawer .font-weight-bold, .drawer .font-weight-700, #modal .font-weight-bold, #modal .font-weight-700 { font-weight: 700 !important; } #root .font-weight-extrabold, #root .font-weight-800, #preRoot .font-weight-extrabold, #preRoot .font-weight-800, .drawer .font-weight-extrabold, .drawer .font-weight-800, #modal .font-weight-extrabold, #modal .font-weight-800 { font-weight: 800 !important; } #root .font-weight-black, #root .font-weight-900, #preRoot .font-weight-black, #preRoot .font-weight-900, .drawer .font-weight-black, .drawer .font-weight-900, #modal .font-weight-black, #modal .font-weight-900 { font-weight: 900 !important; } #root .font-size-4px, #preRoot .font-size-4px, .drawer .font-size-4px, #modal .font-size-4px { font-size: 0.333rem !important; } #root .font-size-5px, #preRoot .font-size-5px, .drawer .font-size-5px, #modal .font-size-5px { font-size: 0.417rem !important; } #root .font-size-6px, #preRoot .font-size-6px, .drawer .font-size-6px, #modal .font-size-6px { font-size: 0.5rem !important; } #root .font-size-7px, #preRoot .font-size-7px, .drawer .font-size-7px, #modal .font-size-7px { font-size: 0.583rem !important; } #root .font-size-8px, #preRoot .font-size-8px, .drawer .font-size-8px, #modal .font-size-8px { font-size: 0.667rem !important; } #root .font-size-9px, #preRoot .font-size-9px, .drawer .font-size-9px, #modal .font-size-9px { font-size: 0.75rem !important; } #root .font-size-10px, #preRoot .font-size-10px, .drawer .font-size-10px, #modal .font-size-10px { font-size: 0.833rem !important; } #root .font-size-11px, #preRoot .font-size-11px, .drawer .font-size-11px, #modal .font-size-11px { font-size: 0.917rem !important; } #root .font-size-12px, #preRoot .font-size-12px, .drawer .font-size-12px, #modal .font-size-12px { font-size: 1rem !important; } #root .font-size-13px, #preRoot .font-size-13px, .drawer .font-size-13px, #modal .font-size-13px { font-size: 1.083rem !important; } #root .font-size-14px, #preRoot .font-size-14px, .drawer .font-size-14px, #modal .font-size-14px { font-size: 1.167rem !important; } #root .font-size-15px, #preRoot .font-size-15px, .drawer .font-size-15px, #modal .font-size-15px { font-size: 1.25rem !important; } #root .font-size-16px, #preRoot .font-size-16px, .drawer .font-size-16px, #modal .font-size-16px { font-size: 1.333rem !important; } #root .font-size-17px, #preRoot .font-size-17px, .drawer .font-size-17px, #modal .font-size-17px { font-size: 1.417rem !important; } #root .font-size-18px, #preRoot .font-size-18px, .drawer .font-size-18px, #modal .font-size-18px { font-size: 1.5rem !important; } #root .font-size-19px, #preRoot .font-size-19px, .drawer .font-size-19px, #modal .font-size-19px { font-size: 1.583rem !important; } #root .font-size-20px, #preRoot .font-size-20px, .drawer .font-size-20px, #modal .font-size-20px { font-size: 1.667rem !important; } #root .font-size-21px, #preRoot .font-size-21px, .drawer .font-size-21px, #modal .font-size-21px { font-size: 1.75rem !important; } #root .font-size-22px, #preRoot .font-size-22px, .drawer .font-size-22px, #modal .font-size-22px { font-size: 1.833rem !important; } #root .font-size-23px, #preRoot .font-size-23px, .drawer .font-size-23px, #modal .font-size-23px { font-size: 1.917rem !important; } #root .font-size-24px, #preRoot .font-size-24px, .drawer .font-size-24px, #modal .font-size-24px { font-size: 2rem !important; } #root .font-size-25px, #preRoot .font-size-25px, .drawer .font-size-25px, #modal .font-size-25px { font-size: 2.083rem !important; } #root .font-size-26px, #preRoot .font-size-26px, .drawer .font-size-26px, #modal .font-size-26px { font-size: 2.167rem !important; } #root .font-size-27px, #preRoot .font-size-27px, .drawer .font-size-27px, #modal .font-size-27px { font-size: 2.25rem !important; } #root .font-size-28px, #preRoot .font-size-28px, .drawer .font-size-28px, #modal .font-size-28px { font-size: 2.333rem !important; } #root .font-size-29px, #preRoot .font-size-29px, .drawer .font-size-29px, #modal .font-size-29px { font-size: 2.417rem !important; } #root .font-size-30px, #preRoot .font-size-30px, .drawer .font-size-30px, #modal .font-size-30px { font-size: 2.5rem !important; } #root .font-size-31px, #preRoot .font-size-31px, .drawer .font-size-31px, #modal .font-size-31px { font-size: 2.583rem !important; } #root .font-size-32px, #preRoot .font-size-32px, .drawer .font-size-32px, #modal .font-size-32px { font-size: 2.667rem !important; } #root .font-size-40px, #preRoot .font-size-40px, .drawer .font-size-40px, #modal .font-size-40px { font-size: 3.333rem !important; } #root .font-size-43px, #preRoot .font-size-43px, .drawer .font-size-43px, #modal .font-size-43px { font-size: 3.583rem !important; } #root .font-size-45px, #preRoot .font-size-45px, .drawer .font-size-45px, #modal .font-size-45px { font-size: 3.75rem !important; } #root .font-size-55px, #preRoot .font-size-55px, .drawer .font-size-55px, #modal .font-size-55px { font-size: 4.583rem !important; } #root .font-size-64px, #preRoot .font-size-64px, .drawer .font-size-64px, #modal .font-size-64px { font-size: 5.333rem !important; } @media (min-width: 576px) { #root .font-size-sm-4px, #preRoot .font-size-sm-4px, .drawer .font-size-sm-4px, #modal .font-size-sm-4px { font-size: 0.333rem !important; } #root .font-size-sm-5px, #preRoot .font-size-sm-5px, .drawer .font-size-sm-5px, #modal .font-size-sm-5px { font-size: 0.417rem !important; } #root .font-size-sm-6px, #preRoot .font-size-sm-6px, .drawer .font-size-sm-6px, #modal .font-size-sm-6px { font-size: 0.5rem !important; } #root .font-size-sm-7px, #preRoot .font-size-sm-7px, .drawer .font-size-sm-7px, #modal .font-size-sm-7px { font-size: 0.583rem !important; } #root .font-size-sm-8px, #preRoot .font-size-sm-8px, .drawer .font-size-sm-8px, #modal .font-size-sm-8px { font-size: 0.667rem !important; } #root .font-size-sm-9px, #preRoot .font-size-sm-9px, .drawer .font-size-sm-9px, #modal .font-size-sm-9px { font-size: 0.75rem !important; } #root .font-size-sm-10px, #preRoot .font-size-sm-10px, .drawer .font-size-sm-10px, #modal .font-size-sm-10px { font-size: 0.833rem !important; } #root .font-size-sm-11px, #preRoot .font-size-sm-11px, .drawer .font-size-sm-11px, #modal .font-size-sm-11px { font-size: 0.917rem !important; } #root .font-size-sm-12px, #preRoot .font-size-sm-12px, .drawer .font-size-sm-12px, #modal .font-size-sm-12px { font-size: 1rem !important; } #root .font-size-sm-13px, #preRoot .font-size-sm-13px, .drawer .font-size-sm-13px, #modal .font-size-sm-13px { font-size: 1.083rem !important; } #root .font-size-sm-14px, #preRoot .font-size-sm-14px, .drawer .font-size-sm-14px, #modal .font-size-sm-14px { font-size: 1.167rem !important; } #root .font-size-sm-15px, #preRoot .font-size-sm-15px, .drawer .font-size-sm-15px, #modal .font-size-sm-15px { font-size: 1.25rem !important; } #root .font-size-sm-16px, #preRoot .font-size-sm-16px, .drawer .font-size-sm-16px, #modal .font-size-sm-16px { font-size: 1.333rem !important; } #root .font-size-sm-17px, #preRoot .font-size-sm-17px, .drawer .font-size-sm-17px, #modal .font-size-sm-17px { font-size: 1.417rem !important; } #root .font-size-sm-18px, #preRoot .font-size-sm-18px, .drawer .font-size-sm-18px, #modal .font-size-sm-18px { font-size: 1.5rem !important; } #root .font-size-sm-19px, #preRoot .font-size-sm-19px, .drawer .font-size-sm-19px, #modal .font-size-sm-19px { font-size: 1.583rem !important; } #root .font-size-sm-20px, #preRoot .font-size-sm-20px, .drawer .font-size-sm-20px, #modal .font-size-sm-20px { font-size: 1.667rem !important; } #root .font-size-sm-21px, #preRoot .font-size-sm-21px, .drawer .font-size-sm-21px, #modal .font-size-sm-21px { font-size: 1.75rem !important; } #root .font-size-sm-22px, #preRoot .font-size-sm-22px, .drawer .font-size-sm-22px, #modal .font-size-sm-22px { font-size: 1.833rem !important; } #root .font-size-sm-23px, #preRoot .font-size-sm-23px, .drawer .font-size-sm-23px, #modal .font-size-sm-23px { font-size: 1.917rem !important; } #root .font-size-sm-24px, #preRoot .font-size-sm-24px, .drawer .font-size-sm-24px, #modal .font-size-sm-24px { font-size: 2rem !important; } #root .font-size-sm-25px, #preRoot .font-size-sm-25px, .drawer .font-size-sm-25px, #modal .font-size-sm-25px { font-size: 2.083rem !important; } #root .font-size-sm-26px, #preRoot .font-size-sm-26px, .drawer .font-size-sm-26px, #modal .font-size-sm-26px { font-size: 2.167rem !important; } #root .font-size-sm-27px, #preRoot .font-size-sm-27px, .drawer .font-size-sm-27px, #modal .font-size-sm-27px { font-size: 2.25rem !important; } #root .font-size-sm-28px, #preRoot .font-size-sm-28px, .drawer .font-size-sm-28px, #modal .font-size-sm-28px { font-size: 2.333rem !important; } #root .font-size-sm-29px, #preRoot .font-size-sm-29px, .drawer .font-size-sm-29px, #modal .font-size-sm-29px { font-size: 2.417rem !important; } #root .font-size-sm-30px, #preRoot .font-size-sm-30px, .drawer .font-size-sm-30px, #modal .font-size-sm-30px { font-size: 2.5rem !important; } #root .font-size-sm-31px, #preRoot .font-size-sm-31px, .drawer .font-size-sm-31px, #modal .font-size-sm-31px { font-size: 2.583rem !important; } #root .font-size-sm-32px, #preRoot .font-size-sm-32px, .drawer .font-size-sm-32px, #modal .font-size-sm-32px { font-size: 2.667rem !important; } #root .font-size-sm-40px, #preRoot .font-size-sm-40px, .drawer .font-size-sm-40px, #modal .font-size-sm-40px { font-size: 3.333rem !important; } #root .font-size-sm-43px, #preRoot .font-size-sm-43px, .drawer .font-size-sm-43px, #modal .font-size-sm-43px { font-size: 3.583rem !important; } #root .font-size-sm-45px, #preRoot .font-size-sm-45px, .drawer .font-size-sm-45px, #modal .font-size-sm-45px { font-size: 3.75rem !important; } #root .font-size-sm-55px, #preRoot .font-size-sm-55px, .drawer .font-size-sm-55px, #modal .font-size-sm-55px { font-size: 4.583rem !important; } #root .font-size-sm-64px, #preRoot .font-size-sm-64px, .drawer .font-size-sm-64px, #modal .font-size-sm-64px { font-size: 5.333rem !important; } } @media (min-width: 960px) { #root .font-size-md-4px, #preRoot .font-size-md-4px, .drawer .font-size-md-4px, #modal .font-size-md-4px { font-size: 0.333rem !important; } #root .font-size-md-5px, #preRoot .font-size-md-5px, .drawer .font-size-md-5px, #modal .font-size-md-5px { font-size: 0.417rem !important; } #root .font-size-md-6px, #preRoot .font-size-md-6px, .drawer .font-size-md-6px, #modal .font-size-md-6px { font-size: 0.5rem !important; } #root .font-size-md-7px, #preRoot .font-size-md-7px, .drawer .font-size-md-7px, #modal .font-size-md-7px { font-size: 0.583rem !important; } #root .font-size-md-8px, #preRoot .font-size-md-8px, .drawer .font-size-md-8px, #modal .font-size-md-8px { font-size: 0.667rem !important; } #root .font-size-md-9px, #preRoot .font-size-md-9px, .drawer .font-size-md-9px, #modal .font-size-md-9px { font-size: 0.75rem !important; } #root .font-size-md-10px, #preRoot .font-size-md-10px, .drawer .font-size-md-10px, #modal .font-size-md-10px { font-size: 0.833rem !important; } #root .font-size-md-11px, #preRoot .font-size-md-11px, .drawer .font-size-md-11px, #modal .font-size-md-11px { font-size: 0.917rem !important; } #root .font-size-md-12px, #preRoot .font-size-md-12px, .drawer .font-size-md-12px, #modal .font-size-md-12px { font-size: 1rem !important; } #root .font-size-md-13px, #preRoot .font-size-md-13px, .drawer .font-size-md-13px, #modal .font-size-md-13px { font-size: 1.083rem !important; } #root .font-size-md-14px, #preRoot .font-size-md-14px, .drawer .font-size-md-14px, #modal .font-size-md-14px { font-size: 1.167rem !important; } #root .font-size-md-15px, #preRoot .font-size-md-15px, .drawer .font-size-md-15px, #modal .font-size-md-15px { font-size: 1.25rem !important; } #root .font-size-md-16px, #preRoot .font-size-md-16px, .drawer .font-size-md-16px, #modal .font-size-md-16px { font-size: 1.333rem !important; } #root .font-size-md-17px, #preRoot .font-size-md-17px, .drawer .font-size-md-17px, #modal .font-size-md-17px { font-size: 1.417rem !important; } #root .font-size-md-18px, #preRoot .font-size-md-18px, .drawer .font-size-md-18px, #modal .font-size-md-18px { font-size: 1.5rem !important; } #root .font-size-md-19px, #preRoot .font-size-md-19px, .drawer .font-size-md-19px, #modal .font-size-md-19px { font-size: 1.583rem !important; } #root .font-size-md-20px, #preRoot .font-size-md-20px, .drawer .font-size-md-20px, #modal .font-size-md-20px { font-size: 1.667rem !important; } #root .font-size-md-21px, #preRoot .font-size-md-21px, .drawer .font-size-md-21px, #modal .font-size-md-21px { font-size: 1.75rem !important; } #root .font-size-md-22px, #preRoot .font-size-md-22px, .drawer .font-size-md-22px, #modal .font-size-md-22px { font-size: 1.833rem !important; } #root .font-size-md-23px, #preRoot .font-size-md-23px, .drawer .font-size-md-23px, #modal .font-size-md-23px { font-size: 1.917rem !important; } #root .font-size-md-24px, #preRoot .font-size-md-24px, .drawer .font-size-md-24px, #modal .font-size-md-24px { font-size: 2rem !important; } #root .font-size-md-25px, #preRoot .font-size-md-25px, .drawer .font-size-md-25px, #modal .font-size-md-25px { font-size: 2.083rem !important; } #root .font-size-md-26px, #preRoot .font-size-md-26px, .drawer .font-size-md-26px, #modal .font-size-md-26px { font-size: 2.167rem !important; } #root .font-size-md-27px, #preRoot .font-size-md-27px, .drawer .font-size-md-27px, #modal .font-size-md-27px { font-size: 2.25rem !important; } #root .font-size-md-28px, #preRoot .font-size-md-28px, .drawer .font-size-md-28px, #modal .font-size-md-28px { font-size: 2.333rem !important; } #root .font-size-md-29px, #preRoot .font-size-md-29px, .drawer .font-size-md-29px, #modal .font-size-md-29px { font-size: 2.417rem !important; } #root .font-size-md-30px, #preRoot .font-size-md-30px, .drawer .font-size-md-30px, #modal .font-size-md-30px { font-size: 2.5rem !important; } #root .font-size-md-31px, #preRoot .font-size-md-31px, .drawer .font-size-md-31px, #modal .font-size-md-31px { font-size: 2.583rem !important; } #root .font-size-md-32px, #preRoot .font-size-md-32px, .drawer .font-size-md-32px, #modal .font-size-md-32px { font-size: 2.667rem !important; } #root .font-size-md-40px, #preRoot .font-size-md-40px, .drawer .font-size-md-40px, #modal .font-size-md-40px { font-size: 3.333rem !important; } #root .font-size-md-43px, #preRoot .font-size-md-43px, .drawer .font-size-md-43px, #modal .font-size-md-43px { font-size: 3.583rem !important; } #root .font-size-md-45px, #preRoot .font-size-md-45px, .drawer .font-size-md-45px, #modal .font-size-md-45px { font-size: 3.75rem !important; } #root .font-size-md-55px, #preRoot .font-size-md-55px, .drawer .font-size-md-55px, #modal .font-size-md-55px { font-size: 4.583rem !important; } #root .font-size-md-64px, #preRoot .font-size-md-64px, .drawer .font-size-md-64px, #modal .font-size-md-64px { font-size: 5.333rem !important; } } @media (min-width: 1290px) { #root .font-size-lg-4px, #preRoot .font-size-lg-4px, .drawer .font-size-lg-4px, #modal .font-size-lg-4px { font-size: 0.333rem !important; } #root .font-size-lg-5px, #preRoot .font-size-lg-5px, .drawer .font-size-lg-5px, #modal .font-size-lg-5px { font-size: 0.417rem !important; } #root .font-size-lg-6px, #preRoot .font-size-lg-6px, .drawer .font-size-lg-6px, #modal .font-size-lg-6px { font-size: 0.5rem !important; } #root .font-size-lg-7px, #preRoot .font-size-lg-7px, .drawer .font-size-lg-7px, #modal .font-size-lg-7px { font-size: 0.583rem !important; } #root .font-size-lg-8px, #preRoot .font-size-lg-8px, .drawer .font-size-lg-8px, #modal .font-size-lg-8px { font-size: 0.667rem !important; } #root .font-size-lg-9px, #preRoot .font-size-lg-9px, .drawer .font-size-lg-9px, #modal .font-size-lg-9px { font-size: 0.75rem !important; } #root .font-size-lg-10px, #preRoot .font-size-lg-10px, .drawer .font-size-lg-10px, #modal .font-size-lg-10px { font-size: 0.833rem !important; } #root .font-size-lg-11px, #preRoot .font-size-lg-11px, .drawer .font-size-lg-11px, #modal .font-size-lg-11px { font-size: 0.917rem !important; } #root .font-size-lg-12px, #preRoot .font-size-lg-12px, .drawer .font-size-lg-12px, #modal .font-size-lg-12px { font-size: 1rem !important; } #root .font-size-lg-13px, #preRoot .font-size-lg-13px, .drawer .font-size-lg-13px, #modal .font-size-lg-13px { font-size: 1.083rem !important; } #root .font-size-lg-14px, #preRoot .font-size-lg-14px, .drawer .font-size-lg-14px, #modal .font-size-lg-14px { font-size: 1.167rem !important; } #root .font-size-lg-15px, #preRoot .font-size-lg-15px, .drawer .font-size-lg-15px, #modal .font-size-lg-15px { font-size: 1.25rem !important; } #root .font-size-lg-16px, #preRoot .font-size-lg-16px, .drawer .font-size-lg-16px, #modal .font-size-lg-16px { font-size: 1.333rem !important; } #root .font-size-lg-17px, #preRoot .font-size-lg-17px, .drawer .font-size-lg-17px, #modal .font-size-lg-17px { font-size: 1.417rem !important; } #root .font-size-lg-18px, #preRoot .font-size-lg-18px, .drawer .font-size-lg-18px, #modal .font-size-lg-18px { font-size: 1.5rem !important; } #root .font-size-lg-19px, #preRoot .font-size-lg-19px, .drawer .font-size-lg-19px, #modal .font-size-lg-19px { font-size: 1.583rem !important; } #root .font-size-lg-20px, #preRoot .font-size-lg-20px, .drawer .font-size-lg-20px, #modal .font-size-lg-20px { font-size: 1.667rem !important; } #root .font-size-lg-21px, #preRoot .font-size-lg-21px, .drawer .font-size-lg-21px, #modal .font-size-lg-21px { font-size: 1.75rem !important; } #root .font-size-lg-22px, #preRoot .font-size-lg-22px, .drawer .font-size-lg-22px, #modal .font-size-lg-22px { font-size: 1.833rem !important; } #root .font-size-lg-23px, #preRoot .font-size-lg-23px, .drawer .font-size-lg-23px, #modal .font-size-lg-23px { font-size: 1.917rem !important; } #root .font-size-lg-24px, #preRoot .font-size-lg-24px, .drawer .font-size-lg-24px, #modal .font-size-lg-24px { font-size: 2rem !important; } #root .font-size-lg-25px, #preRoot .font-size-lg-25px, .drawer .font-size-lg-25px, #modal .font-size-lg-25px { font-size: 2.083rem !important; } #root .font-size-lg-26px, #preRoot .font-size-lg-26px, .drawer .font-size-lg-26px, #modal .font-size-lg-26px { font-size: 2.167rem !important; } #root .font-size-lg-27px, #preRoot .font-size-lg-27px, .drawer .font-size-lg-27px, #modal .font-size-lg-27px { font-size: 2.25rem !important; } #root .font-size-lg-28px, #preRoot .font-size-lg-28px, .drawer .font-size-lg-28px, #modal .font-size-lg-28px { font-size: 2.333rem !important; } #root .font-size-lg-29px, #preRoot .font-size-lg-29px, .drawer .font-size-lg-29px, #modal .font-size-lg-29px { font-size: 2.417rem !important; } #root .font-size-lg-30px, #preRoot .font-size-lg-30px, .drawer .font-size-lg-30px, #modal .font-size-lg-30px { font-size: 2.5rem !important; } #root .font-size-lg-31px, #preRoot .font-size-lg-31px, .drawer .font-size-lg-31px, #modal .font-size-lg-31px { font-size: 2.583rem !important; } #root .font-size-lg-32px, #preRoot .font-size-lg-32px, .drawer .font-size-lg-32px, #modal .font-size-lg-32px { font-size: 2.667rem !important; } #root .font-size-lg-40px, #preRoot .font-size-lg-40px, .drawer .font-size-lg-40px, #modal .font-size-lg-40px { font-size: 3.333rem !important; } #root .font-size-lg-43px, #preRoot .font-size-lg-43px, .drawer .font-size-lg-43px, #modal .font-size-lg-43px { font-size: 3.583rem !important; } #root .font-size-lg-45px, #preRoot .font-size-lg-45px, .drawer .font-size-lg-45px, #modal .font-size-lg-45px { font-size: 3.75rem !important; } #root .font-size-lg-55px, #preRoot .font-size-lg-55px, .drawer .font-size-lg-55px, #modal .font-size-lg-55px { font-size: 4.583rem !important; } #root .font-size-lg-64px, #preRoot .font-size-lg-64px, .drawer .font-size-lg-64px, #modal .font-size-lg-64px { font-size: 5.333rem !important; } } @media (min-width: 1470px) { #root .font-size-xl-4px, #preRoot .font-size-xl-4px, .drawer .font-size-xl-4px, #modal .font-size-xl-4px { font-size: 0.333rem !important; } #root .font-size-xl-5px, #preRoot .font-size-xl-5px, .drawer .font-size-xl-5px, #modal .font-size-xl-5px { font-size: 0.417rem !important; } #root .font-size-xl-6px, #preRoot .font-size-xl-6px, .drawer .font-size-xl-6px, #modal .font-size-xl-6px { font-size: 0.5rem !important; } #root .font-size-xl-7px, #preRoot .font-size-xl-7px, .drawer .font-size-xl-7px, #modal .font-size-xl-7px { font-size: 0.583rem !important; } #root .font-size-xl-8px, #preRoot .font-size-xl-8px, .drawer .font-size-xl-8px, #modal .font-size-xl-8px { font-size: 0.667rem !important; } #root .font-size-xl-9px, #preRoot .font-size-xl-9px, .drawer .font-size-xl-9px, #modal .font-size-xl-9px { font-size: 0.75rem !important; } #root .font-size-xl-10px, #preRoot .font-size-xl-10px, .drawer .font-size-xl-10px, #modal .font-size-xl-10px { font-size: 0.833rem !important; } #root .font-size-xl-11px, #preRoot .font-size-xl-11px, .drawer .font-size-xl-11px, #modal .font-size-xl-11px { font-size: 0.917rem !important; } #root .font-size-xl-12px, #preRoot .font-size-xl-12px, .drawer .font-size-xl-12px, #modal .font-size-xl-12px { font-size: 1rem !important; } #root .font-size-xl-13px, #preRoot .font-size-xl-13px, .drawer .font-size-xl-13px, #modal .font-size-xl-13px { font-size: 1.083rem !important; } #root .font-size-xl-14px, #preRoot .font-size-xl-14px, .drawer .font-size-xl-14px, #modal .font-size-xl-14px { font-size: 1.167rem !important; } #root .font-size-xl-15px, #preRoot .font-size-xl-15px, .drawer .font-size-xl-15px, #modal .font-size-xl-15px { font-size: 1.25rem !important; } #root .font-size-xl-16px, #preRoot .font-size-xl-16px, .drawer .font-size-xl-16px, #modal .font-size-xl-16px { font-size: 1.333rem !important; } #root .font-size-xl-17px, #preRoot .font-size-xl-17px, .drawer .font-size-xl-17px, #modal .font-size-xl-17px { font-size: 1.417rem !important; } #root .font-size-xl-18px, #preRoot .font-size-xl-18px, .drawer .font-size-xl-18px, #modal .font-size-xl-18px { font-size: 1.5rem !important; } #root .font-size-xl-19px, #preRoot .font-size-xl-19px, .drawer .font-size-xl-19px, #modal .font-size-xl-19px { font-size: 1.583rem !important; } #root .font-size-xl-20px, #preRoot .font-size-xl-20px, .drawer .font-size-xl-20px, #modal .font-size-xl-20px { font-size: 1.667rem !important; } #root .font-size-xl-21px, #preRoot .font-size-xl-21px, .drawer .font-size-xl-21px, #modal .font-size-xl-21px { font-size: 1.75rem !important; } #root .font-size-xl-22px, #preRoot .font-size-xl-22px, .drawer .font-size-xl-22px, #modal .font-size-xl-22px { font-size: 1.833rem !important; } #root .font-size-xl-23px, #preRoot .font-size-xl-23px, .drawer .font-size-xl-23px, #modal .font-size-xl-23px { font-size: 1.917rem !important; } #root .font-size-xl-24px, #preRoot .font-size-xl-24px, .drawer .font-size-xl-24px, #modal .font-size-xl-24px { font-size: 2rem !important; } #root .font-size-xl-25px, #preRoot .font-size-xl-25px, .drawer .font-size-xl-25px, #modal .font-size-xl-25px { font-size: 2.083rem !important; } #root .font-size-xl-26px, #preRoot .font-size-xl-26px, .drawer .font-size-xl-26px, #modal .font-size-xl-26px { font-size: 2.167rem !important; } #root .font-size-xl-27px, #preRoot .font-size-xl-27px, .drawer .font-size-xl-27px, #modal .font-size-xl-27px { font-size: 2.25rem !important; } #root .font-size-xl-28px, #preRoot .font-size-xl-28px, .drawer .font-size-xl-28px, #modal .font-size-xl-28px { font-size: 2.333rem !important; } #root .font-size-xl-29px, #preRoot .font-size-xl-29px, .drawer .font-size-xl-29px, #modal .font-size-xl-29px { font-size: 2.417rem !important; } #root .font-size-xl-30px, #preRoot .font-size-xl-30px, .drawer .font-size-xl-30px, #modal .font-size-xl-30px { font-size: 2.5rem !important; } #root .font-size-xl-31px, #preRoot .font-size-xl-31px, .drawer .font-size-xl-31px, #modal .font-size-xl-31px { font-size: 2.583rem !important; } #root .font-size-xl-32px, #preRoot .font-size-xl-32px, .drawer .font-size-xl-32px, #modal .font-size-xl-32px { font-size: 2.667rem !important; } #root .font-size-xl-40px, #preRoot .font-size-xl-40px, .drawer .font-size-xl-40px, #modal .font-size-xl-40px { font-size: 3.333rem !important; } #root .font-size-xl-43px, #preRoot .font-size-xl-43px, .drawer .font-size-xl-43px, #modal .font-size-xl-43px { font-size: 3.583rem !important; } #root .font-size-xl-45px, #preRoot .font-size-xl-45px, .drawer .font-size-xl-45px, #modal .font-size-xl-45px { font-size: 3.75rem !important; } #root .font-size-xl-55px, #preRoot .font-size-xl-55px, .drawer .font-size-xl-55px, #modal .font-size-xl-55px { font-size: 4.583rem !important; } #root .font-size-xl-64px, #preRoot .font-size-xl-64px, .drawer .font-size-xl-64px, #modal .font-size-xl-64px { font-size: 5.333rem !important; } } .MuiInputBase-root.MuiOutlinedInput-root { font-family: Mulish; font-size: 1.333rem; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: left; border-radius: 10px; background-color: var(--color-white); } .MuiInputBase-root.MuiOutlinedInput-root .MuiInputBase-inputMultiline { padding: 8.5px 14px; } .MuiInputBase-root.MuiOutlinedInput-root .MuiAutocomplete-input { padding: 7.5px 0px 7.5px 10px; } .MuiInputBase-root.MuiOutlinedInput-root .MuiAutocomplete-endAdornment { top: -webkit-calc(50% - 16px); top: calc(50% - 16px); position: initial; } .MuiInputBase-root.MuiOutlinedInput-root .MuiAutocomplete-endAdornment .MuiSvgIcon-root { font-size: 2.5rem; } .MuiFormLabel-root.MuiInputLabel-root { transition: all 200ms, opacity, visibility 0ms !important; -webkit-transition: all 200ms, opacity, visibility 0ms !important; -o-transition: all 200ms, opacity, visibility 0ms !important; -moz-transition: all 200ms, opacity, visibility 0ms !important; -ms-transition: all 200ms, opacity, visibility 0ms !important; font-family: Mulish; font-size: 1.167rem; font-weight: 400; line-height: 18px; letter-spacing: 0; text-align: left; z-index: 4; } .MuiFormLabel-root.MuiInputLabel-root.Mui-focused, .MuiFormLabel-root.MuiInputLabel-root[data-shrink="true"] { transform: translate(1.167rem, -0.833rem) scale(1) !important; -webkit-transform: translate(1.167rem, -0.833rem) scale(1) !important; -ms-transform: translate(1.167rem, -0.833rem) scale(1) !important; -o-transform: translate(1.167rem, -0.833rem) scale(1) !important; -moz-transform: translate(1.167rem, -0.833rem) scale(1) !important; } .MuiAutocomplete-popper .MuiPaper-root:not(:empty) { border: 2px solid var(--color-black-400); border-radius: 1rem; overflow: auto; margin-top: 1.167rem; margin-bottom: 1.167rem; } .MuiAutocomplete-popper .MuiPaper-root:not(:empty) .MuiAutocomplete-listbox { font-family: Mulish; font-size: 1.333rem; font-weight: 400; line-height: 1.667rem; letter-spacing: 0em; text-align: left; padding: 0; } .MuiAutocomplete-popper .MuiPaper-root:not(:empty) .MuiAutocomplete-groupLabel { padding-left: 1.25rem; font-size: 1.167rem; color: var(--color-gray); } .MuiAutocomplete-popper .MuiPaper-root:not(:empty) .MuiAutocomplete-option { padding: 1.167rem 1.167rem 1.25rem !important; font-size: 1.334rem; color: var(--color-black-400); } .MuiOutlinedInput-root { box-shadow: 0px 4px 16px var(--color-black-a15); font-weight: 400; } .MuiOutlinedInput-root:not(.Mui-disabled).Mui-focused, .MuiOutlinedInput-root:not(.Mui-disabled):hover { font-weight: 600; } .MuiOutlinedInput-root:not(.Mui-disabled).Mui-focused .MuiOutlinedInput-notchedOutline, .MuiOutlinedInput-root:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline { border: 2px solid var(--color-black-400); } .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline { border: 1px solid var(--color-gray); } .MuiInputLabel-root { color: var(--color-gray); } .MuiInputLabel-root.Mui-disabled { color: var(--color-gray); } .MuiInputLabel-root:not(.Mui-disabled)[data-shrink="true"] { color: var(--color-black-400); } .Mui-disabled { color: var(--color-gray) !important; } html { font-size: 12px !important; } .container { margin-bottom: 0; @media (min-width: 1290px) { max-width: 1200px !important; } } .grayedout-1 { background-color: var(--color-gray-100) !important; color: var(--color-gray) !important; border-color: var(--color-gray) !important; box-sizing: border-box !important; } .grayedout-2 { background-color: var(--color-gray-100) !important; color: var(--color-gray) !important; } .grayedout-2.btn { z-index: 2 !important; } .grayedout-text-color { color: var(--color-gray) !important; } .MuiCalendarOrClockPicker-root .MuiTypography-root, .MuiCalendarOrClockPicker-root .MuiPickersDay-root, .MuiCalendarOrClockPicker-root .MuiPickersCalendarHeader-root { font-family: "Mulish" !important; font-style: normal !important; } .MuiCalendarOrClockPicker-root .MuiTypography-root { font-size: 1.167rem; } .MuiCalendarOrClockPicker-root .MuiPickersDay-root { font-weight: 400; font-size: 1.167rem; outline: none; border: none; } .MuiCalendarOrClockPicker-root .MuiPickersDay-root.Mui-selected, .MuiCalendarOrClockPicker-root .MuiPickersDay-root.Mui-selected:hover, .MuiCalendarOrClockPicker-root .MuiPickersDay-root.Mui-selected:focus { background: var(--color-primary); } .MuiCalendarOrClockPicker-root .MuiPickersCalendarHeader-root { font-size: 1.333rem; } .MuiCalendarOrClockPicker-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label { font-size: 1.333rem; } .MuiCalendarOrClockPicker-root .MuiYearPicker-root .PrivatePickersYear-root .PrivatePickersYear-yearButton.Mui-selected, .MuiCalendarOrClockPicker-root .MuiYearPicker-root .PrivatePickersYear-root .PrivatePickersYear-yearButton.Mui-selected:hover { background: var(--color-primary) !important; } .MuiDialogActions-root .MuiButtonBase-root { color: var(--color-gray) !important; font-family: "Mulish" !important; font-style: normal !important; } .MuiDialogActions-root .MuiButtonBase-root .MuiTouchRipple-root { color: var(--color-primary); } .drawerLayout { padding-bottom: 2rem; } .drawerLayout .MuiCalendarOrClockPicker-root > div:last-child { width: unset; margin: unset; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root { padding-left: 2rem; padding-right: 2rem; margin: unset; width: auto; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root { display: flex; align-items: center; justify-items: center; order: 0; padding-right: 0; padding-left: 0; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer { position: absolute; width: 100%; left: 0; justify-content: center; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-label { text-align: center; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-switchViewButton { display: none; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root { display: inline-flex; flex: 1; justify-content: space-between; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root .MuiPickersArrowSwitcher-button { padding-right: 7px; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root .MuiPickersArrowSwitcher-spacer { width: 220px; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiDayPicker-header { justify-content: space-between; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiDayPicker-slideTransition:not([role]) { min-height: unset !important; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiDayPicker-slideTransition[role] { min-height: 16rem; } .drawerLayout .MuiCalendarOrClockPicker-root .MuiCalendarPicker-root .MuiDayPicker-slideTransition .MuiDayPicker-weekContainer { justify-content: space-between; } .snackBar .SnackbarItem-contentRoot { font-family: Mulish !important; font-size: 1rem !important; font-weight: 600 !important; line-height: 1.25rem !important; letter-spacing: 0em !important; color: var(--color-white) !important; border-radius: 8px !important; flex-wrap: nowrap !important; } .snackBar .SnackbarItem-message .epaka-icons { margin-right: 0.6rem; } .snackBar .SnackbarItem-action { margin-right: 0.5rem !important; } .variantInfo { background-color: var(--color-blue) !important; } .variantError { background-color: var(--color-primary) !important; } .wrapper---Cpcod .absWrapper-drawer---Kof9h { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); background-color: var(--color-white); padding: 2rem; border-radius: 8px 8px 0 0; } .wrapper---Cpcod .absWrapper-modal---KkG8B { position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%); background-color: var(--color-white); border-radius: 0 0 8px 8px; } .wrapper---Cpcod .shadow---r_Les { box-shadow: 0px -4px 16px var(--color-black-a15); } .epakaBtn---pQoC0 { padding-top: 1.083rem; padding-bottom: 1.083rem; width: 100%; background-color: var(--color-black); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 10px; position: relative; height: 4.083rem; border: 0; cursor: pointer; transition: background-color 150ms; -webkit-transition: background-color 150ms; -moz-transition: background-color 150ms; -ms-transition: background-color 150ms; -o-transition: background-color 150ms; overflow: hidden; } .epakaBtn---pQoC0 img { z-index: 1; position: absolute; bottom: 0; opacity: 0.2; width: 100%; height: max-content; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .epakaBtn---pQoC0:hover img { animation: up---piIJM 2s 2s alternate forwards; -webkit-animation: up---piIJM 2s 2s alternate forwards; } @keyframes up---piIJM { 100% { transform: translateY(65%); -webkit-transform: translateY(65%); -moz-transform: translateY(65%); -ms-transform: translateY(65%); -o-transform: translateY(65%); } } .epakaBtn---pQoC0:hover { background-color: var(--color-gray-900); } .epakaBtn---pQoC0:focus { outline: 0; } .epakaBtn---pQoC0:active { background-color: var(--color-gray-800); } .epakaBtn---pQoC0 .label---el1fJ { font-style: normal; font-weight: 700; line-height: 23px; color: var(--color-white); letter-spacing: -0.02em; font-size: 1.5rem; } .epakaBtn---pQoC0 i { position: absolute; right: 1.667rem; } .epakaBtn---pQoC0.locked---RV0Li { background-color: var(--color-gray); } .epakaBtn---pQoC0.disabled---zcnk0 { background-color: var(--color-gray-200); } .epakaBtn---pQoC0.disabled---zcnk0:hover, .epakaBtn---pQoC0.disabled---zcnk0:active { background-color: none; } .epakaBtn---pQoC0.disabled---zcnk0 .label---el1fJ { color: var(--color-gray); } .title---zeDLK { font-style: normal; line-height: 25px; color: var(--color-gray); } .titleDefault---lPz7u { padding: 0.5rem 1rem; } @media (min-width: 960px) { .disableDesktopProtip---qVE_p { display: none; } } .errorMsg---cHkCn { color: var(--color-error) !important; } .errorIcon---FXxuq { margin-right: 0.3rem; } .button---dqauR { display: flex; justify-content: center; align-items: center; padding: 0.917rem 0; background-color: transparent; border-color: transparent; font-family: "Mulish"; font-style: normal; font-weight: 700; font-size: 1.167rem; line-height: 23px; text-decoration-line: underline; color: var(--color-black); user-select: none; cursor: pointer; transition: background-color 150ms; } .button---dqauR:focus { outline: none; } .button---dqauR:hover { color: var(--color-black-400); } .button---dqauR:active { color: var(--color-gray-900); } .button_zmien_kraj---dVejJ { font-size: 1.16667rem; font-family: "Mulish"; } .controls---MqcKU { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem 2rem 1.333rem; } .controls-modal---tJOY5 { padding: 2rem calc((100% - 327px) / 2); } .wrapper---yZmiY { padding-bottom: 2rem; display: flex; flex-direction: column; gap: 2rem; } .wrapper---yZmiY .title---eOaSF { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---yZmiY .title---eOaSF hr { width: 100%; margin: 0; border-top: 1px solid var(--color-gray-100); } .wrapper---yZmiY .dopdownsWrapper---X4ks6 { margin-top: 1.167rem; } .wrapper---yZmiY .info---tTnsV { font-family: "Mulish"; font-style: normal; font-weight: 400; font-size: 1.333rem; color: var(--color-gray-400); } .drawer---MX1z0 { height: 100% !important; } .modal---UyrdW { max-width: 41rem; } .wrapper---oNjlK { display: flex; flex-direction: column; gap: 1.833rem; } .wrapper---oNjlK .label---AiLy8 { font-family: "Mulish"; font-style: normal; font-weight: 600; font-size: 1.667rem; color: var(--color-gray); } .wrapper---oNjlK .picker-wrapper---FIVp8 { display: flex; flex-direction: row; gap: 0.583rem; flex: 1 1 0px; } .wrapper---oNjlK .picker-wrapper---FIVp8 > div { flex-grow: 1; width: 0; } .drawer---wxbif { height: 100% !important; } .modal---n2Ao4 { max-width: 41rem; } .popper---OStz2 { z-index: 1320; } .toolbar---Xn1au { display: flex; flex-direction: column; gap: 0.667rem; padding: 2rem 1.9rem 0; } .toolbar---Xn1au .title---QwWH2 { font-family: "Mulish"; font-style: normal; font-weight: 600; font-size: 1.667rem; color: var(--color-gray); } .toolbar---Xn1au .date---GPhVj { font-family: "Mulish"; font-style: normal; padding: 0.833rem; background: var(--color-primary); color: var(--color-white); border-radius: 8px; font-weight: 600; font-size: 1.667rem; width: fit-content; } .drawerContent---GSo1S { margin-left: 0 !important; margin-right: 0 !important; } .drawerContent---GSo1S .toolbar---Xn1au { padding: 0 1.9rem 0; } .controls---ZLMeR { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem 2rem 1.333rem; } .controls-modal---oLwDa { padding: 2rem calc((100% - 327px) / 2); } .epakaDrawer---iOXoi { margin-bottom: 1.667rem; margin-top: 1rem; width: 13.75rem; height: 0.667rem; background: var(--color-gray-300); border-radius: 8px; } .epakaDrawerContent---Q1GFh { padding-bottom: 2rem; margin-left: 2rem; margin-right: 2rem; display: flex; flex-direction: column; } .wrapper---OQ1FA { display: flex; flex-direction: column; gap: 1.3rem; } @media (min-width: 1290px) { .wrapper---OQ1FA { font-size: 1.333rem !important; } } .wrapper---OQ1FA.toggle-on---WR5td { color: var(--color-black-400); } .wrapper---OQ1FA .without-courier-wrapper---ED7ah { display: flex; flex-direction: row; justify-content: space-between; font-size: 1.2rem; gap: 2.5rem; } .wrapper---OQ1FA .without-courier-wrapper---ED7ah .label-wrapper---Fz9z6 { display: flex; align-items: center; line-height: 0; white-space: nowrap; gap: 0.333rem; } @media (min-width: 1290px) { .wrapper---OQ1FA .without-courier-wrapper---ED7ah .label-wrapper---Fz9z6 { font-size: 1.333rem; padding-right: 1.417rem; } } .wrapper---OQ1FA .without-courier-wrapper---ED7ah .label-wrapper---Fz9z6 .enabled---Gjyfq { position: absolute; top: -1px; left: -3px; width: 100%; height: 100%; } .wrapper---OQ1FA .without-courier-wrapper---ED7ah .label-wrapper---Fz9z6 .enabled---Gjyfq::after { content: ""; position: absolute; top: 0; left: 50%; height: 100%; border-right: 1px solid var(--color-primary-600); transform: rotate(-45deg); } .wrapper---OQ1FA .without-courier-wrapper---ED7ah .label-wrapper---Fz9z6 .enabled---Gjyfq::before { content: ""; position: absolute; top: 0; left: 50%; height: 100%; border-right: 1px solid var(--color-primary-600); transform: rotate(45deg); } .wrapper---OQ1FA .info---W4NLX { color: var(--solid-black, var(--color-black-400)); font-family: Mulish; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; } .wrapper---OQ1FA .info---W4NLX .faq---uJ6WG { text-decoration-line: underline; } .button-group---WXhir { display: flex; height: 3.833rem; margin-bottom: 0.333rem; } .button-group---WXhir .button---ut0jS { display: flex; justify-content: center; align-items: center; flex: 1; color: var(--color-black-400); background-color: var(--color-white); border: 1px solid var(--color-gray); outline: none; filter: drop-shadow(0px 4px 16px var(--color-black-a15)); -webkit-filter: drop-shadow(0px 4px 16px var(--color-black-a15)); font-style: normal; font-weight: 400; line-height: 18px; cursor: pointer; } .button-group---WXhir .button---ut0jS.active---FLhL2 { font-weight: 700; background-color: var(--color-primary-active-a80); border: 2px solid var(--color-primary); color: var(--color-primary); filter: none; -webkit-filter: none; } .button-group---WXhir .button---ut0jS:first-child { border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; } .button-group---WXhir .button---ut0jS:first-child:not(.active---FLhL2) { border-right: none; } .button-group---WXhir .button---ut0jS:last-child { border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; } .button-group---WXhir .button---ut0jS:last-child:not(.active---FLhL2) { border-left: none; } @media (hover: hover) { .button-group---WXhir .button---ut0jS:hover { background-color: var(--color-primary-200); color: var(--color-primary); border: 2px solid var(--color-primary); } } .toggle-button---ChDZ0 { --switch-size: 24px; display: flex; box-sizing: border-box; align-items: center; width: 54px; height: 32px; background: var(--color-white); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid var(--color-gray); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 33px; padding: 0 4px; flex: none; order: 1; flex-grow: 0; transition: margin 250ms, background-color 250ms; cursor: pointer; } .toggle-button---ChDZ0 .switch---Bq6WH { display: flex; justify-content: center; align-items: center; width: var(--switch-size); height: var(--switch-size); background: var(--color-gray-700); border-radius: 46px; transition: inherit; padding-bottom: 0.2rem; } .toggle-button---ChDZ0:not(.disabled---DSifZ).hover---J5VVk { border-color: var(--color-primary-hover); } .toggle-button---ChDZ0:not(.disabled---DSifZ).hover---J5VVk .switch---Bq6WH { background-color: var(--color-primary-hover); } .toggleOn---lPB4n { background: linear-gradient( 0deg, var(--color-primary-a20), var(--color-primary-a20) ), var(--color-white); border: 1px solid var(--color-primary); } .toggleOn---lPB4n > div { background-color: var(--color-primary) !important; margin-left: calc(100% - var(--switch-size)); } .toggleOn---lPB4n .icon---ecoeq { opacity: 1; } .toggleOff---kppqW > div { margin-left: 0px; content: ""; } .icon---ecoeq { opacity: 0; font-size: 0.6rem; color: var(--color-white); margin-left: -0.12rem; margin-bottom: -0.3rem; transition: opacity 250ms; } .disabled---DSifZ { background-color: var(--color-gray-200); } .modal---n4Ohf { display: flex; justify-content: center; align-items: center; position: fixed !important; } .modalBox---rldJF { background-color: var(--color-white); border: 0; border-radius: 8px; box-shadow: 24px; padding: 2rem; margin-left: 1.417rem; margin-right: 1.417rem; position: relative; max-height: 100vh; display: flex; flex-direction: column; } .fullscreen---X1zuZ { width: 100vw; height: 100vh; padding: 0; margin: 0; border-radius: 0; } .close---ZRApf { position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; } .wrapper---d2S9D { height: 100%; display: flex; overflow-y: hidden; } @media (min-width: 1290px) { .wrapper---d2S9D { width: 64rem; } } .wrapper---d2S9D .spedycja---ZvzDK { display: flex; flex-direction: column; font-family: "Mulish" !important; font-style: normal; color: var(--color-gray); max-height: 100%; flex: 1; overflow-y: clip; } .wrapper---d2S9D .spedycja---ZvzDK .separatorTitle---mgmki { margin-top: 1.333rem; margin-bottom: 2rem; } .wrapper---d2S9D .spedycja---ZvzDK .params---ZJHY0 { line-height: 1.667rem; } .wrapper---d2S9D .spedycja---ZvzDK .pb_2rem---c6xjW { padding-bottom: 2rem; } .wrapper---d2S9D .spedycja---ZvzDK .spinner---WEkn8 { display: flex; flex: 1; justify-content: center; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX { display: flex; flex-direction: column; flex: 1; padding-top: 2rem; overflow: hidden; overflow-y: auto; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .bottomMargin---S6grO { padding-bottom: 2rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU { flex: 1; display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 1290px) { .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU { padding-left: 1.416rem; padding-right: 1.416rem; flex-direction: row; justify-content: center; margin-left: -1.416rem; margin-right: -1.416rem; } } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk { display: flex; flex-direction: column; flex: 1; gap: 1.667rem; border: 1px solid var(--color-gray); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 8px; padding: 1.416rem 1.416rem 2rem; font-size: 1.334rem; line-height: 1.667rem; } @media (min-width: 1290px) { .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk.only_pricing---qaWUm { flex: 0 1 calc(50% - 1rem); } } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk.disabledPallet---tmsQc { background-color: var(--color-gray-100); } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk.disabledPallet---tmsQc .image---nl4Yu { opacity: 0.7; } @media (max-width: 1289px) { .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk.collapsed---IEmfV { padding: 1.416rem; } } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk.left_column---pFg8l { gap: 2rem; } @media (min-width: 1290px) { .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .paddingFirst---pmTZv { padding-top: 4px; } } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .titlebar---GOCqq { display: flex; flex-direction: row; justify-content: space-between; font-size: 1.667rem; font-weight: 600; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .titlebar---GOCqq .expandButton---XXgbV { color: var(--color-black); text-decoration: underline; font-size: 1.167rem; font-weight: 700; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .image---nl4Yu { justify-content: center; flex: 1; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV { flex-direction: column; gap: 1.667rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV .validationMessage---VWPhm { font-size: 1.167rem !important; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV .label---ZinIW { font-size: 1.167rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV .phone_wrapper---lOHGC { display: flex; gap: 2rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV .phone_wrapper---lOHGC .prefix---rMmtP { flex-grow: 0; flex-basis: 7.75rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .form---D54XV .phone_wrapper---lOHGC .phone---pYMs8 { flex-grow: 1; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .postcodes---aJqoV { display: flex; gap: 0.917rem; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .item---JtnBk .postcodes---aJqoV > div { flex: 1; } .wrapper---d2S9D .spedycja---ZvzDK .scrollable---TDvDX .subwrapper---wyGRU .button---aHzUM { margin-top: auto; } .wrapper---d2S9D .spedycja---ZvzDK > hr { margin: 0; width: 100%; } .wrapper---d2S9D .spedycja---ZvzDK .titleWrapper---usYRj { display: flex; flex-direction: column; } .wrapper---d2S9D .spedycja---ZvzDK .titleWrapper---usYRj .title---bH4kI { color: var(--color-gray); } .wrapper---d2S9D .spedycja---ZvzDK .titleWrapper---usYRj > .hr---DUbt5 { margin: 0; width: 100%; } .wrapper---d2S9D .spedycja---ZvzDK .buttonSection---QeQBT { display: flex; flex-direction: row; width: 100%; padding: 2rem 1.333rem 1.333rem; } .wrapper---d2S9D .spedycja---ZvzDK .buttonSection---QeQBT .button---aHzUM { flex: 1; } .wrapper---d2S9D .spedycja---ZvzDK .color_grey---DuapK { color: var(--color-gray); } .wrapper---d2S9D .spedycja---ZvzDK .color_grey_light---XlEHt { color: var(--color-gray-400); } .wrapper---d2S9D .spedycja---ZvzDK .color_green---QpYKF { color: var(--color-green-600); } .drawer---a0Zlh { height: 100% !important; } .muiFormControl { font-family: "Mulish" !important; font-style: normal !important; font-weight: 400 !important; } .muiLabel { transition: all 200ms, opacity, visibility 0ms !important; -webkit-transition: all 200ms, opacity, visibility 0ms !important; -moz-transition: all 200ms, opacity, visibility 0ms !important; -ms-transition: all 200ms, opacity, visibility 0ms !important; -o-transition: all 200ms, opacity, visibility 0ms !important; } .muiLabel .Mui-focused, .muiLabel[data-shrink="true"] { transform: translate(1.167rem, -0.833rem) scale(1); -webkit-transform: translate(1.167rem, -0.833rem) scale(1); -moz-transform: translate(1.167rem, -0.833rem) scale(1); -ms-transform: translate(1.167rem, -0.833rem) scale(1); -o-transform: translate(1.167rem, -0.833rem) scale(1); transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; } .muiHideOnFocusLabel-text { display: none; } .muiLabel:not(.Mui-focused, .muiLabel[data-shrink="true"]) { transform: translate(1.583rem, 1.25rem); -webkit-transform: translate(1.583rem, 1.25rem); -moz-transform: translate(1.583rem, 1.25rem); -ms-transform: translate(1.583rem, 1.25rem); -o-transform: translate(1.583rem, 1.25rem); } .muiLabel .muihideonfocuslabel-text { display: contents; } .muiUnfocusedLabel-center:not(.Mui-focused, .muiLabel[data-shrink="true"]) { transform: translate(1.167rem, 1.25rem) !important; -webkit-transform: translate(1.167rem, 1.25rem) !important; -moz-transform: translate(1.167rem, 1.25rem) !important; -ms-transform: translate(1.167rem, 1.25rem) !important; -o-transform: translate(1.167rem, 1.25rem) !important; max-width: 100% !important; white-space: nowrap; } .muiUnfocusedLabel-center p { transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; position: absolute; /*transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important;*/ } .muiUnfocusedLabel-center { overflow: visible !important; transform: translate(1.167rem, -0.833rem) !important; -webkit-transform: translate(1.167rem, -0.833rem) !important; -moz-transform: translate(1.167rem, -0.833rem) !important; -ms-transform: translate(1.167rem, -0.833rem) !important; -o-transform: translate(1.167rem, -0.833rem) !important; left: 0; } .muiUnfocusedLabel-center.Mui-focused p, .muiUnfocusedLabel-center[data-shrink="true"] p { transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; position: absolute; transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; -moz-transform: translateX(0) !important; } .muiFormHelperText { width: 100%; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; font-size: 1rem !important; font-weight: 400 !important; font-family: Mulish !important; } .muiInput { background-color: var(--color-white); height: 4rem; } .muiInputMuted { background-color: var(--color-gray-100) !important; } .muiInputMuted input { color: var(--color-gray) !important; } .muiInputMuted .MuiInputAdornment-root p { color: var(--color-gray) !important; } .lable-wrapper { display: flex; flex-direction: row; } .label-validation-circle { width: 1.333rem; height: 1.333rem; display: flex; justify-content: center; align-items: center; color: var(--color-white); border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; font-size: 0.5rem; margin-right: 0.333rem; } .label-validation-circle.label-invalid { background-color: var(--color-error); } .label-validation-circle.label-valid { background-color: var(--color-green); } .label-validation-circle.label-valid ::before { margin-left: 0; } .is-invalid.Mui-error.border > fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid var(--color-error) !important; } .is-invalid.Mui-error.noborder > fieldset.MuiOutlinedInput-notchedOutline { border: 1px solid var(--color-gray) !important; } @media (hover: hover) { .inputWrapper---QKSt1:hover .checkbox---bjCmq:not(.disabled---Tuqfd) { border: 2px solid var(--color-primary); background-color: var(--color-primary-200); box-shadow: none; } .inputWrapper---QKSt1:hover + .name---zRVDV, .inputWrapper---QKSt1:hover ~ .addon---XiPYi { font-weight: 600; } } .checkbox-size---HxMWb { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; margin-right: 0.667rem; } .checkbox---bjCmq { -webkit-appearance: none; appearance: none; color: var(--color-white); background-color: var(--color-white); border: 1px solid var(--color-gray); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 5px; display: grid; place-content: center center; } .required---SnNPt { border: 1px solid var(--color-error) !important; } .checkbox---bjCmq::before { transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); font-size: 0.7rem; margin-left: -0.4px; } .checkbox---bjCmq:checked:not(.disabled---Tuqfd) { color: var(--color-primary); border: 2px solid var(--color-primary); box-shadow: none; background: -moz-linear-gradient( 0deg, var(--color-primary-a20) 0%, var(--color-primary-a20) 100% ); background: -webkit-linear-gradient( 0deg, var(--color-primary-a20) 0%, var(--color-primary-a20) 100% ); background: linear-gradient( 0deg, var(--color-primary-a20) 0%, var(--color-primary-a20) 100% ); } .checkbox---bjCmq.disabled---Tuqfd:not(:checked)::before { transform: scale(0.5); font-size: 0.5rem; margin-left: -3px; } .checkbox---bjCmq:checked::before { transform: scale(1); } .name---zRVDV { color: var(--color-black); line-height: 1.917rem; flex: auto; } .addon---XiPYi { color: var(--color-black-400); line-height: 1.917rem; white-space: nowrap; } @media (min-width: 1290px) { .addon---XiPYi { font-size: 1.167rem; } } .description---ZqJhC { font-weight: 400; line-height: 18px; letter-spacing: 0em; color: var(--color-black-400); margin-left: 2.667rem; margin-top: 0.333rem; } .requiredText---V5qTn { color: var(--color-error) !important; } .requiredText---V5qTn a { color: var(--color-error) !important; } .disabled---Tuqfd { background-color: var(--color-gray); color: var(--color-white); } .disabledLabel---U0At9 { color: var(--color-gray-700); } .disabled-text---ravd3 { color: var(--color-black); } p.zawartosc.link a { color: var(--color-primary); text-decoration: underline; } .wrapper---da6NC { display: flex; flex-direction: column; gap: 2rem; } .wrapper---da6NC.modal-wrapper---vSBt4 { max-width: 41rem; margin-inline: 1rem; } .wrapper---da6NC .title---tFaez > hr { margin: 1.333rem 0 0; } .wrapper---da6NC .section-title---H133E { display: flex; flex-direction: row; justify-content: space-between; } .wrapper---da6NC .section-title---H133E .icon-wrapper---Gf8W4 { display: flex; flex-direction: column; justify-content: center; padding-right: 0.9rem; } .wrapper---da6NC .section-title---H133E .icon-wrapper---Gf8W4 i { font-size: 0.7rem; } .wrapper---da6NC .buttonSection---uvstu { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem calc((100% - 327px) / 2); } .wrapper---TE8PH { padding: 1.417rem 1.417rem 2rem 1.417rem; } @media (min-width: 960px) { .wrapper---TE8PH { padding: 1.667rem 2.167rem 2.167rem 2.167rem; } } .wrapper---TE8PH.error---p_Rwp { outline: 1px solid red; } .modalButtons---oDE20 { padding: 2rem calc((100% - 327px) / 2); } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .titleWrapper---KFfUT .title---iCCA1 { color: var(--color-gray); } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .separatorTitle---sm6Yk { margin-top: 1.33rem; margin-bottom: 2rem; padding: 0; } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .description---_9jHl { padding-bottom: 2rem; font-size: 1.333rem; color: var(--color-gray-600); display: flex; flex-direction: column; gap: 2rem; } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .description---_9jHl b { font-weight: 600; } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .buttonSection---QiZ62 { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem 2rem 1.333rem; } .wrapper---fFGv3 .zmienMeestNaNovaPoshta---BkHZ1 .buttonSection---QiZ62 .dropOrder---qUFvj { background-color: var(--color-primary); } .wrapper---N_OOC { display: flex; flex-direction: column; gap: 0.833rem; padding: 1.417rem 1.167rem 1.417rem 1.667rem; background-color: var(--color-gray-100); border-radius: 8px; } .wrapper---wK1V5 { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---wK1V5 .info---oXb_y p { color: var(--color-black-400); } .wrapper---wK1V5 .info---oXb_y p .service-list---dmSna { display: flex; flex-direction: column; gap: 1rem; } .wrapper---wK1V5 .buttons---LK4iE { display: flex; flex-direction: column; gap: 1.333rem; padding: 0 2.917rem 2rem; } @media (min-width: 960px) { .wrapper---wK1V5 .buttons---LK4iE { padding-inline: calc((100% - 327px) / 2); } } .wrapper---wK1V5 .buttons---LK4iE .accept---ssu_b { background-color: var(--color-primary); color: var(--color-white); } .wrapper---wK1V5 .buttons---LK4iE .go-to---tRppO { width: 100%; } .modal---thQqs { padding: 1.333rem 1.333rem 2rem; max-width: 40rem; } .container---HSHnp { --section-bg: var(--color-gray-100); --separator-bg: var(--color-white); margin-bottom: 2.5rem; } .container---HSHnp.inTemplate---wm3af { --section-bg: var(--color-white); --separator-bg: var(--color-gray-100); } @media (min-width: 960px) { .container---HSHnp .couriers---xHX1q { padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 960px) { .container---HSHnp .couriers---xHX1q > div:first-child { min-width: 53rem; } } @media (max-width: 959px) { .container---HSHnp .radioOpakowanieWrapper---kP2FZ { padding-right: 0.333rem; padding-left: 0.333rem; } .container---HSHnp .radioOpakowanieWrapper---kP2FZ .title---T5AFP { padding-left: 0.667rem; padding-right: 0.667rem; padding-top: 1rem; } .couriers---xHX1q{ text-align: center; padding-right: 0.333rem; padding-left: 0.333rem; padding-top: 1rem; } } .container---HSHnp .szablonyButton---YeH39 { display: none; } @media (min-width: 960px) { .container---HSHnp .szablonyButton---YeH39 { display: flex; justify-content: end; margin-bottom: 2rem; } .container---HSHnp .radioOpakowanieWrapper---kP2FZ { position: absolute; top: 0; left: -0.667rem; transform: translateY(-50%); } .container---HSHnp .radioOpakowanieWrapper---kP2FZ.hasTemplateButton---lYeP1 { top: -1.5rem; } .container---HSHnp li:has(a.active) { border-radius: 10px; outline-style: solid; outline-width: 1rem; outline-color: var(--section-bg); } } .container---HSHnp .shadowBox---QDGH5 { background-color: var(--section-bg); } @media (max-width: 959px) { .container---HSHnp .shadowBox---QDGH5 { width: 100%; left: 50%; transform: translateX(-50%); position: absolute; z-index: -1; height: 7.75rem; margin-top: 1.667rem; } } .container---HSHnp .separator---hGtN8 { margin-left: -0.667rem; margin-right: -0.667rem; background-color: var(--separator-bg); width: 100%; } .container---HSHnp .separator---hGtN8 .row1---iDUR_ { background-color: var(--section-bg); height: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .container---HSHnp .separator---hGtN8 .row2---Hpi7C { height: 20px; } .container---HSHnp .separator---hGtN8 .row3---UEPPc { background-color: var(--section-bg); height: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .container---HSHnp .dekstopRow---c3Ox8 { padding-top: 0; padding-right: 2rem; padding-left: 2rem; padding-bottom: 0; } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 .firstSection---MlWY5 { display: flex; flex-direction: column; justify-content: flex-end; padding-left: 2.67rem; padding-bottom: 2rem; padding-right: 2.67rem; } } .container---HSHnp .dekstopRow---c3Ox8 .secondSection---A5gyN { display: flex; flex-direction: column; } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 .secondSection---A5gyN { justify-content: space-between; padding-left: 2.669rem; padding-bottom: 2rem; padding-right: 2.67rem; } } @media (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8 .secondSection---A5gyN { padding-right: 1.91rem; } } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 .thridSection---i6xe_ { padding: 1rem 2.67rem 2rem; } } .container---HSHnp .dekstopRow---c3Ox8 .radio_opakowanie_wrapper---ICI8C { padding-top: 1rem; margin-left: -0.67rem; margin-right: -0.67rem; } .container---HSHnp .dekstopRow---c3Ox8 .wymiary_wrapper---lQZt7 { margin-top: 4rem; } .container---HSHnp .dekstopRow---c3Ox8 .wymiary_wrapper---lQZt7 .wymiary---ndrMf { padding: 0; } .container---HSHnp .dekstopRow---c3Ox8 .rodzaj_przesylki_wrapper---gKxFp { padding-top: 1.67rem; } .container---HSHnp .dekstopRow---c3Ox8 .rodzaj_przesylki_wrapper---gKxFp .rodzaj_przesylki_container---Kjk2J { padding: 0; } .container---HSHnp .dekstopRow---c3Ox8 .rodzaj_przesylki_wrapper---gKxFp .rodzaj_przesylki_container---Kjk2J .title---T5AFP { padding: 0 0 0.497rem; } .container---HSHnp .dekstopRow---c3Ox8 .kraj_nadania_odbioru_wrapper---FERvk .title---T5AFP { padding: 0 0 0.503rem; } .container---HSHnp .dekstopRow---c3Ox8 .spsob_nadania_doreczenia_wrapper---tBLLe { display: flex; flex-direction: column; gap: 2.33rem; padding: 2.33rem 0 0; } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 .spsob_nadania_doreczenia_wrapper---tBLLe { padding-top: 0; flex-direction: row; gap: 8.5rem; } } @media (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8 .spsob_nadania_doreczenia_wrapper---tBLLe { flex-direction: column; gap: 1.08rem; padding-top: 0.83rem; } } .container---HSHnp .dekstopRow---c3Ox8 .spsob_nadania_doreczenia_wrapper---tBLLe .title---T5AFP { padding: 0 0 0.503rem; } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN { padding-bottom: 0; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ { display: flex; flex-direction: column; gap: 2rem; } } @media (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .firstSection---MlWY5 { padding-right: 1.33rem; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN { padding: 0; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ .opony_wrapper---mhBbr { display: flex; flex-direction: row; justify-content: end; } } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN { display: none; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .kraj_nadania_odbioru_wrapper---FERvk { padding-top: 1.252rem; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .kraj_nadania_odbioru_wrapper---FERvk .title---T5AFP { padding: 0 0 0.503rem; } @media (min-width: 960px) { .container---HSHnp .column---HWsAo { display: grid; align-content: space-between; padding-top: 1.333rem; } .container---HSHnp .dekstopRow---c3Ox8 { position: relative; } .container---HSHnp .dekstopRow---c3Ox8 > div { background-color: var(--section-bg); } .container---HSHnp .dekstopRow---c3Ox8 > div:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .container---HSHnp .dekstopRow---c3Ox8 > div:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } } @media (min-width: 960px) and (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 { padding-left: 25px; padding-right: 25px; display: grid; grid-template-columns: auto 32.58rem; } } @media (min-width: 960px) and (min-width: 960px) and (max-width: 1289px) { .container---HSHnp .dekstopRow---c3Ox8 .secondSection---A5gyN { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .container---HSHnp .dekstopRow---c3Ox8 .thridSection---i6xe_ { border-radius: 10px; margin-top: 2rem; grid-column: span 2; } .container---HSHnp .dekstopRow---c3Ox8 .thridSection---i6xe_ > div { display: flex; } .container---HSHnp .dekstopRow---c3Ox8 .thridSection---i6xe_ > div > div { flex: 1; } } @media (min-width: 960px) and (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8 .radio_opakowanie_wrapper---ICI8C { position: absolute; top: 0; transform: translate(0, -50%); margin-left: -2.67rem; } .container---HSHnp .dekstopRow---c3Ox8 .wymiary_wrapper---lQZt7 { padding-top: 1.167rem; } } @media (min-width: 960px) and (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8 { padding-left: 0; padding-right: 0; grid-template-columns: auto auto auto; } } @media (min-width: 960px) and (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F { grid-template-columns: auto 25rem; } } @media (min-width: 960px) and (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F { grid-template-columns: auto 25rem 30.58rem; } } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN { display: block; } } @media (min-width: 960px) and (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN { display: flex; justify-content: center; align-items: center; padding-left: 0; padding-right: 1rem; } } @media (min-width: 960px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ .oponaContainer---W8X0D { width: 20.25rem; height: 11.833rem; right: 0; bottom: -2rem; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ .opony_wrapper---mhBbr { display: flex; flex-direction: row; justify-content: center; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ .protip---OqV28 { cursor: pointer; display: flex; justify-content: center; align-items: center; } .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .secondSection---A5gyN .example_opony_wrapper---QKBp_ .helpText---A2Djf { color: var(--color-black); font-size: 1.16667rem; font-weight: 400; text-decoration: underline; margin-left: 0.2rem; } } @media (min-width: 960px) and (min-width: 1290px) { .container---HSHnp .dekstopRow---c3Ox8.wysylkaOpony---tPu0F .thridSection---i6xe_ { padding-left: 0.67rem; } } @media (min-width: 960px) and (max-width: 1289px) { .container---HSHnp .column---HWsAo { padding-bottom: 1rem; } .container---HSHnp .row---XnKli { display: flex; flex-direction: row; padding-top: 0; padding-bottom: 2rem; } } @media (min-width: 1290px) { .container---HSHnp .column---HWsAo { padding-bottom: 1.833rem; } } @media (min-width: 960px) { .container---HSHnp { margin-bottom: 3.75em; } } .bannerContainer---_Pfeg { border: 1px solid var(--color-gray-100); padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (max-width: 959px) { .bannerContainer---_Pfeg { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } } @media (min-width: 960px) { .bannerContainer---_Pfeg { border: 0; padding-top: 2.417rem; padding-bottom: 2.417rem; } } .calcHeader---shSzf { font-size: 2.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--color-black-400); font-family: Mulish, sans-serif; font-style: normal; } .calcHeader---shSzf .bold---CIzVU { font-weight: 800; } @media (min-width: 960px) { .trustpilot-widget { width: 23%; } } @media (min-width: 1290px) { .trustpilot-widget { width: 17%; } } .wrapper---sAxqb { display: flex; flex-direction: column; gap: 2.5rem; height: 100%; } .wrapper---sAxqb .buttonWrapper---LJIHS { width: 100%; display: flex; flex-direction: column; gap: 1.417rem; } .wrapper---sAxqb .buttonWrapper---LJIHS .controlsCloseButton---lQUJO { width: 100%; } .wrapper---sAxqb .fixedButton---E6NJ5 { width: 100%; background-color: var(--color-white); } .wrapper---sAxqb .noScroll---C3kqK::-webkit-scrollbar { width: 0; background: transparent; } .wrapper---sAxqb .listWrapper---r49PH { display: flex; flex-direction: column; overflow-y: scroll; } .replaceTemplate---Wgtec { padding: 1.333rem !important; width: 100%; } .templateReaplaceItem---yghnR { display: flex; flex-direction: column; gap: 1.333rem; } .templateReaplaceItem---yghnR .templateLabel---LIqFs { font-weight: 400; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-black-400); } .wrapper---uEEC6 { display: flex; flex-direction: column; height: 100%; } .wrapper---uEEC6 .contentWrapper---I9fMw { display: flex; flex-direction: column; flex: 1; gap: 2.5rem; overflow-y: clip; } .wrapper---uEEC6 .contentWrapper---I9fMw .importingTemplate---kHqW6 { display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; } .wrapper---uEEC6 .contentWrapper---I9fMw .subwrapper---YS244 { display: flex; flex-direction: column; overflow-y: clip; } .wrapper---uEEC6 .contentWrapper---I9fMw .listWrapper---oCvY0 { display: flex; flex-direction: column; overflow-y: auto; } .wrapper---uEEC6 .buttonSection---Me08b { padding-top: 1rem !important; } .wrapper---uEEC6 .buttonSection---Me08b .buttonWrapper---aF5Xs { width: 100%; display: flex; flex-direction: column; gap: 1.167rem; } .wrapper---uEEC6 .buttonSection---Me08b .buttonWrapper---aF5Xs .controlsCloseButton---J9CfI { width: 100%; } .wrapper---uEEC6 .buttonSection---Me08b .fixedButton---BMcm9 { width: 100%; background-color: var(--color-white); } .menu---ywu3U { margin-top: 1rem; border: 1px solid var(--color-black-400); border-radius: 0.833rem; font-size: 1.333rem; padding: 0; min-width: 14.5rem; } .menu---ywu3U .element---Z1P7T { padding: 1.333rem 1.25rem; color: var(--color-gray); cursor: pointer; } .menu---ywu3U .element---Z1P7T:hover, .menu---ywu3U .element---Z1P7T:focus, .menu---ywu3U .element---Z1P7T:active { background: var(--color-gray-100); color: var(--color-black-400); } .menu---ywu3U .element---Z1P7T:first-child:hover, .menu---ywu3U .element---Z1P7T:first-child:focus { border-top-left-radius: 0.833rem !important; border-top-right-radius: 0.833rem !important; } .menu---ywu3U .element---Z1P7T:last-child:hover, .menu---ywu3U .element---Z1P7T:last-child:focus { border-bottom-left-radius: 0.833rem !important; border-bottom-right-radius: 0.833rem !important; } .menu---ywu3U.smallSize---Sk0uz { min-width: auto; border: 1px solid var(--color-gray); } .menu---ywu3U.smallSize---Sk0uz .element---Z1P7T { padding: 1rem 0.583rem; font-size: 1rem; display: flex; flex-direction: column-reverse; align-items: center; } .menu---ywu3U.smallSize---Sk0uz .element---Z1P7T:first-child { padding-top: 1.333rem; } .menu---ywu3U.smallSize---Sk0uz .element---Z1P7T:last-child { padding-bottom: 1.333rem; } .menu---ywu3U.smallSize---Sk0uz .element---Z1P7T:not(:last-child) { border-bottom: 1px solid var(--color-gray); } .menu---ywu3U.smallSize---Sk0uz .element---Z1P7T i { font-size: 18px; } .button---qYzy4.dropleft---iDGP5 .menu---ywu3U.smallSize---Sk0uz { margin-top: 0; margin-right: 1rem; } .button---qYzy4.dropdown---kiNl8 .menu---ywu3U.smallSize---Sk0uz { margin-top: 1rem; } .button---qYzy4.dropright---F7NKn .menu---ywu3U.smallSize---Sk0uz { margin-top: 0; margin-left: 1rem; } .button---qYzy4.dropup---svEb2 .menu---ywu3U.smallSize---Sk0uz { margin-bottom: 1rem; } .button---qYzy4 [data-toggle] { display: block; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; } .button---qYzy4 [data-toggle] i { box-sizing: border-box; position: absolute; left: 41.67%; top: 16.67%; width: 4px; height: 4px; display: block; border: 1px solid var(--color-gray); border-radius: 3px; } .button---qYzy4 [data-toggle]:after { content: ""; box-sizing: border-box; position: absolute; left: 41.67%; top: 41.67%; width: 4px; height: 4px; display: block; border: 1px solid var(--color-gray); border-radius: 3px; } .button---qYzy4 [data-toggle]:before { content: ""; box-sizing: border-box; position: absolute; left: 41.67%; top: 66.67%; width: 4px; height: 4px; display: block; border: 1px solid var(--color-gray); border-radius: 3px; } .button---qYzy4 [data-toggle][aria-expanded="true"] { border: 1px solid var(--color-black-400); border-radius: 0.333rem; } .button---qYzy4 [data-toggle][aria-expanded="true"] i, .button---qYzy4 [data-toggle][aria-expanded="true"]:before, .button---qYzy4 [data-toggle][aria-expanded="true"]:after { border: 1px solid var(--color-black) !important; background: var(--color-black); } .underlay---o1xoT { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; display: none; z-index: 1499; } .wrapper---gH31d { display: flex; flex-direction: row; justify-content: space-between; padding: 1.333rem 0; } .wrapper---gH31d .info---ieNEx { display: flex; flex-direction: column; justify-content: flex-start; gap: 0.667rem; font-family: "Mulish"; font-style: normal; font-weight: 600; font-size: 1rem; line-height: 1.25rem; color: var(--color-black-400); width: 100%; cursor: pointer; } @media (min-width: 1290px) { .wrapper---gH31d .info---ieNEx { font-size: 1.167rem; } .wrapper---gH31d .info---ieNEx > div > span { flex: 1; } } .wrapper---gH31d .info---ieNEx .infoPart---gilRF { display: flex; flex-direction: column; gap: inherit; } @media (min-width: 1290px) { .wrapper---gH31d .info---ieNEx .infoPart---gilRF { flex-direction: row; gap: none; } } .wrapper---gH31d .actionsWrapper---P8tcY { display: flex; flex-direction: row; align-items: flex-start; margin-left: 1rem; } .wrapper---gH31d .actionsWrapper---P8tcY .actions---r5wGZ { display: flex; flex-direction: row; gap: 1.333rem; } .wrapper---gH31d .actionsWrapper---P8tcY .actions---r5wGZ .action---CT7gD { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; font-size: 1.5rem; cursor: pointer; } .wrapper---gH31d .actionsWrapper---P8tcY .actions---r5wGZ .action---CT7gD.selected---y5NTJ { color: var(--color-primary); } .confirmDeleteModal---nNhNU .title---aMs7o { line-height: 2.083rem; color: var(--color-gray); margin-bottom: 1.333rem; } .confirmDeleteModal---nNhNU .text---Y46Ok { color: var(--color-black-400); line-height: 1.5rem; margin-bottom: 1.333rem; } .confirmDeleteModal---nNhNU .addressData---hdfPw { margin-bottom: 1.333rem; color: var(--color-black-400); line-height: 1.5rem; } .confirmDeleteModal---nNhNU .buttonSection---ywshz { display: flex; flex-direction: column; gap: 1.333rem; padding-inline: 2.917rem; padding-bottom: 1.333rem; } .confirmDeleteModal---nNhNU .buttonSection---ywshz .deleteButton---IdJ1Z { background-color: var(--color-primary); color: var(--color-white); } .confirmDeleteModal---nNhNU .buttonSection---ywshz .cancelButton---dxTGo { width: 100%; padding: 0.417rem 0; } .wrapper---hbHp5 { display: flex; flex-direction: column; gap: 1rem; font-family: "Mulish"; font-style: normal; } .wrapper---hbHp5 .vSubwrapper---zVm1E { display: flex; flex-direction: column; justify-content: center; gap: 0.333rem; } .wrapper---hbHp5 .vSubwrapper---zVm1E .name---H5r63 { font-weight: 600; font-size: 1.333rem; line-height: 1.667rem; color: var(--color-black-400); } .wrapper---hbHp5 .hSubwrapper---X9doj { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .wrapper---hbHp5 .label---aJipj { font-weight: 400; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-black-400) !important; } .wrapper---hbHp5 .value---GMqPp { font-weight: 600; font-size: 1.167rem; line-height: 1.5rem; text-align: right; color: var(--color-black-400) !important; } .contentWrapper---G5lzf { display: flex; flex-direction: column; gap: 2.5rem; font-family: "Mulish"; font-style: normal; } .contentWrapper---G5lzf .sublist---Y46YV { display: flex; flex-direction: column; gap: 1.333rem; } .contentWrapper---G5lzf .sublist---Y46YV hr { margin: 0; border-top: 1px solid var(--color-gray-100); } .contentWrapper---G5lzf .sublist---Y46YV .listTitle---KY133 { font-weight: 600; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-gray); padding: 0.667rem 0; } @media (min-width: 1290px) { .contentWrapper---G5lzf .sublist---Y46YV .listTitle---KY133 { font-size: 1.167rem; } } .contentWrapper---G5lzf .sublist---Y46YV .emptyText---CjSIv { font-weight: 400; font-size: 1rem; line-height: 1.25rem; color: var(--color-gray); margin-bottom: 1.333rem; } @media (min-width: 1290px) { .contentWrapper---G5lzf .sublist---Y46YV .emptyText---CjSIv { font-size: 1.167rem; } } .emptyWrapper---lyFFg { display: flex; flex-direction: column; gap: 1.333rem; text-align: center; font-family: "Mulish"; font-style: normal; } .emptyWrapper---lyFFg img { margin: auto; margin-top: -0.75rem; } .emptyWrapper---lyFFg .emptyText---CjSIv { font-weight: 400; font-size: 1.333rem; line-height: 1.667rem; color: var(--color-gray-400); text-align: center; } .contentWrapper---D1UbH { display: flex; flex-direction: column; font-family: "Mulish"; font-style: normal; } .contentWrapper---D1UbH .listTitle---DGuMV { font-weight: 600; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-gray); padding: 0.667rem 0; } .contentWrapper---D1UbH hr { margin: 0; border-top: 1px solid var(--color-gray-100); } .contentWrapper---D1UbH .emptyWrapper---kEEOL { display: flex; flex-direction: column; gap: 1.333rem; text-align: center; color: var(--color-gray-400); font-family: "Mulish"; font-style: normal; margin-top: 2rem; } .contentWrapper---D1UbH .emptyWrapper---kEEOL .fraza---W_eXG { color: var(--color-black-400); font-weight: 600; } .contentWrapper---D1UbH .emptyWrapper---kEEOL div { text-align: center; font-weight: 400; } .contentWrapper---D1UbH .emptyWrapper---kEEOL div:first-child { font-size: 1.333rem; } .contentWrapper---D1UbH .emptyWrapper---kEEOL div:last-child { font-size: 1.167rem; } .wrapper---OQoZJ .addButton---Y9hX0 { padding: 0 1.292rem; } .button---hjDQc { box-sizing: border-box; align-items: center; padding: 1.083rem 0.833rem; background: var(--color-white); border: 1px solid var(--color-black-400); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 10px; font-family: "Mulish"; font-style: normal; font-weight: 700; font-size: 1.167rem; color: var(--color-black-400); position: relative; cursor: pointer; transition: background-color 150ms; } .button---hjDQc:focus { outline: none; } .button---hjDQc:hover { background-color: var(--color-gray-100); } .button---hjDQc:active { background-color: var(--color-gray-200); } .button---hjDQc:disabled { background: var(--color-gray-200); border: 1px solid var(--color-gray); color: var(--color-gray); } .button---hjDQc:disabled:hover, .button---hjDQc:disabled:active { background-color: none; } .button---hjDQc .iconWrapper---ke4zd { position: absolute; display: flex; flex-direction: column; justify-content: center; height: 100%; right: 1.25rem; top: 0; } .wrapper---Y970O { display: flex; flex-direction: row; gap: 1.167rem; } .wrapper---Y970O .input---KUS30 { flex: 1; } .wrapper---Y970O .input---KUS30 .searchIcon---p4rok { width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; color: var(--color-gray); cursor: pointer; } .wrapper---Y970O .button---aVQmo { padding-inline: 3.75rem; } .wrapper-modal---ULDe1 { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper-modal---ULDe1 .titleWrapper---CkAVj { padding: 0.667rem 0; } .wrapper-modal---ULDe1 .titleWrapper---CkAVj .titleText---LyVeM { font-size: 1.333rem; font-weight: 400; } .wrapper-drawer---dCJAj .radioOpakowanieButtonsWrapper---XYu0p { gap: 0.833rem !important; } @media (min-width: 960px) { .wrapper-common---Vnyws .radioOpakowanieButtonsWrapper---XYu0p { gap: 1.333rem !important; } } @media (max-width: 959px) { .wrapper---ooUIE { flex: 1 1 0px; } } .wrapper---ooUIE .contentWrapper---B4Ayx { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 6.167rem; min-width: 6.167rem; border: 1px solid var(--color-gray); background-color: white; border-radius: 10px; cursor: pointer; transition: background-color 150ms; } @media (max-width: 959px) { .wrapper---ooUIE .contentWrapper---B4Ayx { filter: drop-shadow(0px 4px 16px var(--color-black-a15)); } } .wrapper---ooUIE .contentWrapper---B4Ayx .caption---RhseI { transition: color 150ms; color: var(--color-black-400); font-size: 1.167rem; } .wrapper---ooUIE .contentWrapper---B4Ayx.active---TWJkr { border: 2px solid var(--color-primary); background-color: var(--color-primary-active); } .wrapper---ooUIE .contentWrapper---B4Ayx.active---TWJkr .caption---RhseI { color: var(--color-primary); font-weight: 700; } @media (hover: hover) { .wrapper---ooUIE:hover .contentWrapper---B4Ayx:not(.disabled---WeLPM) { border: 2px solid var(--color-primary); background-color: var(--color-primary-200); } .wrapper---ooUIE:hover .contentWrapper---B4Ayx:not(.disabled---WeLPM) .wrapper---ZAFSU svg path { fill: var(--color-primary) !important; } .wrapper---ooUIE:hover .contentWrapper---B4Ayx:not(.disabled---WeLPM) .caption---RhseI { color: var(--color-primary); font-weight: 700; } } @media (min-width: 960px) { .wrapper---ooUIE.activeBg---uBeSp { background-color: var(--section-bg, var(--color-gray-100)); border-radius: 10px; } } .wrapper---ZAFSU { width: 2.66667rem; height: 2.66667rem; display: flex; justify-content: center; align-items: center; } .parcel---eBoaH path, .envelope---K6Bdf path, .tire---pDyYY path, .pallet---IeAB4 path { fill: var(--color-primary); } .parcel---eBoaH.default---mXUgE path, .envelope---K6Bdf.default---mXUgE path, .tire---pDyYY.default---mXUgE path, .pallet---IeAB4.default---mXUgE path { fill: var(--color-gray); } .parcel---eBoaH.hover---PL_Hd path, .envelope---K6Bdf.hover---PL_Hd path, .tire---pDyYY.hover---PL_Hd path, .pallet---IeAB4.hover---PL_Hd path { fill: var(--color-primary); } .wrapper---GyMgS { display: grid; grid-template-areas: "title szablonbtn" "container container"; grid-template-columns: 1fr auto; } @media (min-width: 1290px) { .wrapper---GyMgS { grid-template-areas: "title title" "container szablonbtn"; } } .wrapper---GyMgS .container---kUFc6 { grid-area: container; display: flex; flex-direction: row; justify-content: space-between; gap: 1.333rem; } @media (min-width: 960px) { .wrapper---GyMgS .container---kUFc6 { justify-content: flex-start; gap: 0; } } .wrapper---GyMgS .title---gedFb { grid-area: title; padding: 0; padding-left: 0.667rem; padding-bottom: 1.333rem; } @media (min-width: 960px) { .wrapper---GyMgS .title---gedFb { padding-left: 1rem !important; padding-bottom: 0.667rem; } } .wrapper---GyMgS .szablonyButton---abyKv { grid-area: szablonbtn; } .wrapper---GyMgS .szablonyButton---abyKv.baseline_center---h2k67 { align-self: baseline; } @media (min-width: 1290px) { .wrapper---GyMgS .szablonyButton---abyKv { align-self: end; margin-bottom: 1rem; } .wrapper---GyMgS .szablonyButton---abyKv.baseline_center---h2k67 { align-self: end; } } .wrapper---fNLvX { display: flex; flex-direction: column; gap: 2.5rem; font-family: "Mulish"; font-style: normal; } .wrapper---fNLvX .subwrapper---SoAaT { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---fNLvX .subwrapper---SoAaT .title---vFd23 { font-weight: 700; font-size: 1.667rem; line-height: 2.083rem; color: var(--color-gray); } .wrapper---fNLvX .subwrapper---SoAaT .templateLabel---Zs472 { font-weight: 400; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-black-400); } .wrapper---fNLvX .buttonsWrapper---p5Cqp { display: flex; flex-direction: column; gap: 1.333rem; padding-inline: 1.583rem; } .wrapper---fNLvX .buttonsWrapper---p5Cqp .cancelBtn---cWpZt { padding: 0.417rem 0; width: 100%; height: 2.333rem; } .wrapper---HPiQh { display: flex; flex-direction: column; gap: 2rem; } .wrapper---HPiQh .titleWrapper---edw9F { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---HPiQh .titleWrapper---edw9F .title---MOoNl { font-size: 1.667rem !important; font-weight: 600; } .wrapper---HPiQh .titleWrapper---edw9F .hr---JDPcw { margin: 0; } .wrapper---HPiQh .content---gDVKb { display: flex; flex-direction: column; gap: inherit; color: var(--color-gray-400); font-size: 1.333rem; } .wrapper---HPiQh .buttonSection---FYkNi { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem 2rem 1.333rem; } .wrapper---HPiQh .buttonSection---FYkNi .controlsCloseButton---NnVkj { width: 100%; } .wrapper---fYFOT { width: 39rem; display: flex; flex-direction: column; gap: 2rem; } .wrapper---fYFOT .titleWrapper---Qz43I { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---fYFOT .titleWrapper---Qz43I .hr---o3QLS { margin: 0; } .wrapper---fYFOT .content---ZfJ0x { display: flex; flex-direction: column; gap: 2rem; color: var(--color-gray-400); font-size: 1.333rem; } .wrapper---fYFOT .content---ZfJ0x .subContent---GDLqJ { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---fYFOT .content---ZfJ0x .subContent---GDLqJ .imgWrapper---PgXKp { margin-inline: auto; } .buttonSection---Q5a3U { display: flex; flex-direction: column; gap: 1.333rem; padding: 2rem calc((100% - 327px) / 2); } .wrapper---wIeHd { display: flex; flex-direction: column; height: 100%; width: 48.583rem; overflow-y: clip; } .wrapper---wIeHd .contentWrapper---xkO8p { display: flex; flex-direction: column; gap: 2rem; overflow-y: clip; flex: 1; } .wrapper---wIeHd .contentWrapper---xkO8p .importingTemplate---cdw33 { display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; } .wrapper---wIeHd .contentWrapper---xkO8p .subwrapper---xmuDu { display: flex; flex-direction: column; overflow-y: clip; flex: 1; } .wrapper---wIeHd .contentWrapper---xkO8p .subwrapper---xmuDu .listWrapper---OVBXe { display: flex; flex-direction: column; overflow-y: auto; padding-top: 2rem; } .wrapper---wIeHd .contentWrapper---xkO8p .hr---H46rd { margin: 0; width: 100%; } .wrapper---wIeHd .contentWrapper---xkO8p .title---GKaoj { display: flex; flex-direction: column; gap: 1.167rem; } .wrapper---wIeHd .buttonSection---J3t3g { padding-top: 2rem; padding-bottom: 1.333rem; } .wrapper---wIeHd .buttonSection---J3t3g .buttonWrapper---q_X4U { width: 100%; display: flex; flex-direction: row-reverse; gap: 1.167rem; padding-inline: 1.417rem; } .wrapper---wIeHd .buttonSection---J3t3g .buttonWrapper---q_X4U .controlsCloseButton---PBXOu { width: 100%; } .wrapper---XV2Hu { display: flex; flex-direction: column; gap: 2rem; height: 100%; width: 53rem; } .wrapper---XV2Hu .titleWrapper---uOc5K { display: flex; flex-direction: column; gap: 1.333rem; } .wrapper---XV2Hu .titleWrapper---uOc5K .title---l8ENe { display: flex; flex-direction: row; gap: 1.667rem; align-items: center; } .wrapper---XV2Hu .titleWrapper---uOc5K .title---l8ENe .icon---BcV9z { transform: rotate(-90deg); font-size: 0.7rem; margin-top: 0.333rem; cursor: pointer; } .wrapper---XV2Hu .titleWrapper---uOc5K .hr---BKZ3G { margin: 0; } .wrapper---XV2Hu .pillWrapper---AFQnD { display: flex; flex-direction: row; gap: 1.333rem; } .wrapper---XV2Hu .pillWrapper---AFQnD .pill---GmHAN { flex: 1; } .buttonSection---Fllc2 { padding-top: 2rem; padding-bottom: 1.333rem; } .buttonSection---Fllc2 .buttonWrapper---vYa_R { display: flex; flex-direction: row-reverse; gap: 1.333rem; padding-inline: 3.208rem; } .buttonSection---Fllc2 .buttonWrapper---vYa_R .controlsCloseButton---GzSND { width: 100%; } .SzablonyButtonWrapper---arI5Z { cursor: pointer; } .SzablonyButtonWrapper---arI5Z .Text---KjKIl { line-height: 1.5rem; color: var(--color-black); text-decoration-line: underline; } .SzablonyButtonWrapper---arI5Z .Icon---tFTAN:before { margin: 0 !important; } .SzablonyButtonWrapper---arI5Z .Icon---tFTAN { margin-left: 0.917rem; } .drawer---dxKSs { height: 99% !important; } .modal---wcBC3 { padding-inline: 3rem; max-height: 67.25rem; height: 99%; } .switchRodzaj { margin-top: 0.833rem; margin-bottom: 1.5rem; } @media (min-width: 960px){ .switchRodzaj{ margin-bottom: 0; } } .switchRodzaj .btn-group-primary { border-radius: 10px !important; } .switchRodzaj .btn-group-primary label { height: 3.833rem; } .switchRodzaj .btn-group-primary label:nth-child(1) { border-radius: 10px 0 0 10px !important; } .switchRodzaj .btn-group-primary label:nth-last-child(1) { border-radius: 0 10px 10px 0 !important; } .switchRodzaj .btn-group-primary label.btn-primary { background-color: var(--color-white); box-shadow: none; border: 1px solid var(--color-gray); color: var(--color-black-400); font-style: normal; font-weight: 400; line-height: 18px; border-radius: 10px 0px 0px 10px; filter: drop-shadow(0px 4px 16px var(--color-black-a15)); } .switchRodzaj .btn-group-primary label.btn-primary.active { font-weight: 600; background-color: var(--color-primary) !important; box-shadow: none; border: 1px solid var(--color-primary); color: var(--color-white); } .button-group { display: flex; height: 3.833rem; margin-bottom: 0.333rem; } .button-group .button { display: flex; justify-content: center; align-items: center; flex: 1; color: var(--color-black-400); background-color: var(--color-white); border: 1px solid var(--color-gray); outline: none; filter: drop-shadow(0px 4px 16px var(--color-black-a15)); -webkit-filter: drop-shadow(0px 4px 16px var(--color-black-a15)); font-style: normal; font-weight: 400; line-height: 18px; cursor: pointer; } .button-group .button.active { font-weight: 700; background-color: var(--color-primary-active-a80); border: 2px solid var(--color-primary); color: var(--color-primary); filter: none; -webkit-filter: none; } .button-group .button.standard-button { border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; } .button-group .button.standard-button:not(.active) { border-right: none; } .button-group .button.notstandard-button { border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; } .button-group .button.notstandard-button:not(.active) { border-left: none; } .button-group .button:hover { background-color: var(--color-primary-hover); color: var(--color-white); border: 1px solid var(--color-primary-hover); } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH:nth-last-child(1) { margin-top: 1.5rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .label---TzqYi { font-size: 1.333rem !important; font-family: "Mulish" !important; font-style: normal; color: var(--color-black); } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .gaps---HrmbC { display: flex; flex-direction: column; gap: inherit; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .custom-radio---TLfzf { border-radius: 25px; border: 1px solid gray; box-shadow: 0px 4px 16px var(--color-black-a15); width: 2rem; height: 2rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT { color: var(--color-black); margin-left: 2.5rem; margin-right: 2.083rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF { margin-bottom: 0.667rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #paczka---UygOO, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #paczkaOwalna---azaE7, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #dwiePaczki---geYel, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #paczkaFolia---L8nqL, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #koperta---jNWkh { width: 4.833rem; height: 4.833rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #paczkaOwalna---azaE7, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #dwiePaczki---geYel, .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #paczkaFolia---L8nqL { margin-right: 0.667rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .images---VOKbF #opona---mrwR4 { margin-left: -0.833rem; width: 7.25rem; height: 3.948rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .description---_eW43 { line-height: 18px; letter-spacing: 0em; margin-bottom: 0.667rem; } .extended---wqi_T .rodzajPrzesylkiWrapper---V0HBH .content---SOfrT .checkExceptions---cO7j8 { font-style: normal; line-height: 18px; text-decoration-line: underline; color: var(--color-primary); } .desktopDescription---r1oEP { color: var(--color-gray-700); margin-top: 0.833rem; line-height: 1.255rem; } .desktopDescription---r1oEP .desktopCheckExceptions---fZV9i { font-style: normal; text-decoration-line: underline; cursor: pointer; color: var(--color-primary); } .wrapper---JRJ1B { margin-bottom: 0px !important; margin-right: 0px !important; } .label---KW8p_ { font-size: 1.333rem !important; font-family: "Mulish" !important; font-style: normal; color: var(--color-black-400); } .label-active---Es1ds { font-weight: 600 !important; } .gaps---kDxbu { display: flex; flex-direction: column; gap: inherit; } .custom-radio---Cl_XJ { border-radius: 2rem; border: 1px solid var(--color-gray); background-color: var(--color-white, #fff); box-shadow: 0px 4px 16px var(--color-black-a15); width: 2rem; height: 2rem; margin-top: 0.042rem; margin-bottom: 0.042rem; display: flex; justify-content: center; align-items: center; } .custom-radio---Cl_XJ.disabled---Si6nq { background-color: var(--color-gray-100); box-shadow: unset; } .custom-radio---Cl_XJ.checked---GVjB6 { background-color: var(--color-primary-active); box-shadow: unset; border: 2px solid var(--color-primary); } .custom-radio---Cl_XJ.checked---GVjB6:before { content: ""; width: 10px; position: absolute; height: 10px; background: var(--color-primary); border-radius: 10px; } .radio-additional-content---iqUmW { margin-top: 0.75rem; margin-left: 2.667rem; font-size: 1rem; line-height: 1.25rem; color: var(--color-black-400); } .formLabelWrapper---O3AYw { width: 100%; display: flex; justify-content: space-between; } .formLabelWrapper---O3AYw .addon---yO3Fl { align-content: end; white-space: nowrap; font-size: 1rem; color: var(--color-black-400); margin-top: 0.417rem; } .formLabelWrapper---O3AYw .addon---yO3Fl.checked---GVjB6 { font-weight: 700; } @media (min-width: 1290px) { .formLabelWrapper---O3AYw .addon---yO3Fl { font-size: 1.167rem; } } .toggle-wrapper---hbCEx { display: flex; flex-direction: column; gap: 1.333rem; font-family: "Mulish"; font-style: normal; width: 100%; padding: 0 1rem; } .toggle-wrapper---hbCEx .extend-or-not---jx9A1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .toggle-wrapper---hbCEx .extend-or-not---jx9A1 > span { font-weight: 400; font-size: 1.167rem; color: var(--color-gray); } @media (min-width: 1290px) { .toggle-wrapper---hbCEx .extend-or-not---jx9A1 { justify-content: flex-start; gap: 1.333rem; } } .toggle-wrapper---hbCEx > span { font-weight: 400; font-size: 1rem; color: var(--color-gray); width: 90%; } @media (min-width: 960px) { .wrapper---oTyCd { max-width: 40.333rem; } } .paczkaContainer---QaMe4, .kopertaContainer---PlmUp, .paletaContainer---A0VHd, .oponaContainer---MsLA_ { position: relative; } .paczkaContainer---QaMe4 .svgExampleParcel---JnOGK, .kopertaContainer---PlmUp .svgExampleParcel---JnOGK, .paletaContainer---A0VHd .svgExampleParcel---JnOGK, .oponaContainer---MsLA_ .svgExampleParcel---JnOGK { height: 100%; width: 100%; position: absolute; } .paczkaContainer---QaMe4 .width---Pcds4, .paczkaContainer---QaMe4 .height---xnCG0, .paczkaContainer---QaMe4 .length---wjcf4, .paczkaContainer---QaMe4 .profile---Q6Lv5, .paczkaContainer---QaMe4 .radius---FVh3H, .kopertaContainer---PlmUp .width---Pcds4, .kopertaContainer---PlmUp .height---xnCG0, .kopertaContainer---PlmUp .length---wjcf4, .kopertaContainer---PlmUp .profile---Q6Lv5, .kopertaContainer---PlmUp .radius---FVh3H, .paletaContainer---A0VHd .width---Pcds4, .paletaContainer---A0VHd .height---xnCG0, .paletaContainer---A0VHd .length---wjcf4, .paletaContainer---A0VHd .profile---Q6Lv5, .paletaContainer---A0VHd .radius---FVh3H, .oponaContainer---MsLA_ .width---Pcds4, .oponaContainer---MsLA_ .height---xnCG0, .oponaContainer---MsLA_ .length---wjcf4, .oponaContainer---MsLA_ .profile---Q6Lv5, .oponaContainer---MsLA_ .radius---FVh3H { position: absolute; font-size: 1rem; line-height: 1.25rem; letter-spacing: -0.035rem; font-style: normal; font-weight: 400; } .paczkaContainer---QaMe4 { width: 10.583rem; height: 8.167rem; right: 4.83rem; bottom: 0.17rem; } .paczkaContainer---QaMe4 .width---Pcds4 { top: 6.75rem; left: 9.42rem; } .paczkaContainer---QaMe4 .height---xnCG0 { top: 3.08rem; left: 10.67rem; } .paczkaContainer---QaMe4 .length---wjcf4 { top: 7.08rem; left: -0.92rem; } .paczkaContainer---QaMe4.form---WkzJe { /* @media (min-width: $breakPointMd) { height: unset; .svgExampleParcel { padding: 0; top: 2.7rem; left: 1.4rem; } .width { top: 11.27rem; left: 12.9rem; } .height { left: 15.1rem; top: 6.47rem; } .length { left: 0.9rem; top: 11.7rem; } } */ } .paletaContainer---A0VHd { width: 10.417rem; height: 8rem; right: 4.58rem; bottom: 0.67rem; } .paletaContainer---A0VHd .width---Pcds4 { top: 6.5rem; left: 8.67rem; } .paletaContainer---A0VHd .height---xnCG0 { top: 3.08rem; left: 10.75rem; } .paletaContainer---A0VHd .length---wjcf4 { top: 6.17rem; left: -1.5rem; } .kopertaContainer---PlmUp { width: 11.833rem; height: 7.167rem; right: 4.17rem; bottom: 0.75rem; } .kopertaContainer---PlmUp .width---Pcds4 { top: 5.75rem; left: 10rem; } .kopertaContainer---PlmUp .height---xnCG0 { top: 3.33rem; left: 12.33rem; } .kopertaContainer---PlmUp .length---wjcf4 { top: 5.17rem; left: -0.92rem; } .oponaContainer---MsLA_ { width: 12.167rem; height: 5.917rem; right: 2.75rem; bottom: 0.83rem; } .oponaContainer---MsLA_ .width---Pcds4 { top: 1.33rem; left: -1.5rem; } .oponaContainer---MsLA_ .profile---Q6Lv5 { top: -0.67rem; left: 2.17rem; } .oponaContainer---MsLA_ .radius---FVh3H { top: 0.58rem; left: 9.67rem; } @media (min-width: 960px) { .paczkaContainer---QaMe4 { width: 13.417rem; height: 10.333rem; right: 4rem; } .paczkaContainer---QaMe4 .width---Pcds4 { top: 8.67rem; left: 11.5rem; } .paczkaContainer---QaMe4 .height---xnCG0 { top: 3.92rem; left: 13.75rem; } .paczkaContainer---QaMe4 .length---wjcf4 { top: 8.92rem; left: -0.58rem; } .paczkaContainer---QaMe4.form---WkzJe { /* @media (min-width: $breakPointMd) { height: unset; .svgExampleParcel { padding: 0; top: 2.7rem; left: 1.4rem; } .width { top: 11.27rem; left: 12.9rem; } .height { left: 15.1rem; top: 6.47rem; } .length { left: 0.9rem; top: 11.7rem; } } */ } .paletaContainer---A0VHd { width: 13.833rem; height: 10.583rem; right: 3.5rem; } .paletaContainer---A0VHd .width---Pcds4 { top: 8.5rem; left: 12rem; } .paletaContainer---A0VHd .height---xnCG0 { top: 4.58rem; left: 14.25rem; } .paletaContainer---A0VHd .length---wjcf4 { top: 7.67rem; left: -1.5rem; } .kopertaContainer---PlmUp { width: 13.833rem; height: 8.417rem; right: 4.17rem; } .kopertaContainer---PlmUp .width---Pcds4 { top: 6.78rem; left: 11.99rem; } .kopertaContainer---PlmUp .height---xnCG0 { top: 4rem; left: 14.67rem; } .kopertaContainer---PlmUp .length---wjcf4 { top: 6.08rem; left: -0.67rem; } .oponaContainer---MsLA_ { width: 20.25rem; height: 9.833rem; right: 2.75rem; bottom: 0.83rem; } .oponaContainer---MsLA_ .width---Pcds4 { top: 2.58rem; left: -1.58rem; } .oponaContainer---MsLA_ .profile---Q6Lv5 { top: -0.75rem; left: 4.22rem; } .oponaContainer---MsLA_ .radius---FVh3H { top: 1.33rem; left: 17.36rem; } .oponaContainer---MsLA_.form---WkzJe { width: 16.583rem; height: 8.083rem; right: 2.75rem; bottom: 0.83rem; /* @media (min-width: $breakPointMd) { height: unset; .svgExampleParcel { padding: 0; top: 2.7rem; left: 1.4rem; } .width { top: 11.27rem; left: 12.9rem; } .height { left: 15.1rem; top: 6.47rem; } .length { left: 0.9rem; top: 11.7rem; } } */ } .oponaContainer---MsLA_.form---WkzJe .width---Pcds4 { top: 2.28rem; left: -1.58rem; } .oponaContainer---MsLA_.form---WkzJe .profile---Q6Lv5 { top: -0.55rem; left: 3.82rem; } .oponaContainer---MsLA_.form---WkzJe .radius---FVh3H { top: 1.03rem; left: 13.36rem; } } @media (min-width: 1290px) { .oponaContainer---MsLA_ { width: 20.25rem; height: 9.833rem; right: 2.75rem; bottom: 0.83rem; } .oponaContainer---MsLA_ .width---Pcds4 { top: 2.58rem; left: -1.58rem; } .oponaContainer---MsLA_ .profile---Q6Lv5 { top: -0.75rem; left: 4.22rem; } .oponaContainer---MsLA_ .radius---FVh3H { top: 1.33rem; left: 17.36rem; } .oponaContainer---MsLA_.form---WkzJe { /* @media (min-width: $breakPointMd) { height: unset; .svgExampleParcel { padding: 0; top: 2.7rem; left: 1.4rem; } .width { top: 11.27rem; left: 12.9rem; } .height { left: 15.1rem; top: 6.47rem; } .length { left: 0.9rem; top: 11.7rem; } } */ } } .highlight---PgzZF { color: var(--color-primary); font-weight: bold; } .contextMenuWrapper---cDeco { position: relative; height: 0px; } .contextMenuWrapper---cDeco .contextMenu---ntLAc { position: absolute; z-index: 5; top: 1.5rem; right: 0; } @media (min-width: 960px) { .contextMenuWrapper---cDeco .contextMenu---ntLAc { top: 0.167rem; } } .wrapper---BFoe3 { display: flex; flex-direction: column; gap: 1.333rem; padding: 0; } @media (min-width: 960px) { .wrapper---BFoe3 .calculatorDesktop---hNzu6 { margin-bottom: 3.083rem; } } @media (min-width: 960px) { .wrapper---BFoe3 .calculatorDesktop---hNzu6.wysylkaOpony---Q2vfp { margin-bottom: 0.337rem; } } .wrapper---BFoe3 .imageRel---PlPNg { position: relative; height: 4rem; } .wrapper---BFoe3 .imageRel---PlPNg .imageContainer---W6PQJ { position: absolute; bottom: 0; right: 0; } .wrapper---BFoe3 .inputWrapper---BI08P { display: flex; flex-direction: column; gap: 2rem; } .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy { display: flex; flex-direction: row; justify-content: space-between; gap: 0.333rem; } .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy .exampleOponySzt---qjvlx { flex: 1; } @media (min-width: 960px) { .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy .exampleWymiary---wiBh7 div { display: none; } } @media (min-width: 960px) { .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy { gap: 1.083rem; } } .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy:last-child { justify-content: flex-start; } .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy .input---gtytd { flex: 1; min-width: 7.75rem; } @media (min-width: 960px) { .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy .input---gtytd { flex: 1; width: 7.75rem; } } .wrapper---BFoe3 .inputWrapper---BI08P .inputRow---Mv4Yy .iks---n8ZSp { height: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.333rem; } @media (min-width: 960px) { .wrapper---BFoe3:not(.form---KAFhh) .inputWrapper---BI08P.wysylkaOpony---Q2vfp { flex-direction: row; } .wrapper---BFoe3:not(.form---KAFhh) .inputWrapper---BI08P.wysylkaOpony---Q2vfp .iks---n8ZSp.placeholder---d2_RB, .wrapper---BFoe3:not(.form---KAFhh) .inputWrapper---BI08P.wysylkaOpony---Q2vfp .iks---n8ZSp.exampleWymiary---wiBh7, .wrapper---BFoe3:not(.form---KAFhh) .inputWrapper---BI08P.wysylkaOpony---Q2vfp .input---gtytd.placeholder---d2_RB, .wrapper---BFoe3:not(.form---KAFhh) .inputWrapper---BI08P.wysylkaOpony---Q2vfp .input---gtytd.exampleWymiary---wiBh7 { display: none; } } .wrapper---BFoe3.form---KAFhh { padding-left: 1.42rem; padding-right: 1.42rem; padding-top: 2rem; gap: 2.25rem; } @media (min-width: 960px) { .wrapper---BFoe3.form---KAFhh .inputWrapper---BI08P .inputRow---Mv4Yy .input---gtytd { flex: 0; min-width: 7.75rem; } } .autocomplete---WVczn .input---LGOEK .label---jTjBs[data-shrink="false"] { font-size: 1.333rem; } @media (min-width: 960px) { .zamowKuriera---gCJR4 { padding-right: 0; } .zamowKurieraWrapper---h5URF { padding-top: 8.317rem; } } .doZaplaty---VAgBP { font-size: 18px; font-weight: 300; line-height: 23px; letter-spacing: 0em; color: var(--color-black) !important; margin-bottom: 0.667rem; } .doZaplaty---VAgBP .price---t6f3p { font-weight: 700; } .searchInput---UM3n3 { padding: 1.17rem 1.25rem !important; } .searchInput---UM3n3 .input---LaIu3 { opacity: 1; color: var(--color-gray); } .inputAdornment---nKNUv { padding-left: 0.833rem; } .flag---ZQoKf { border-radius: 50%; object-fit: cover; width: 2rem; height: 2rem; border: 1px solid var(--color-black); } .item---mWztI { cursor: pointer; display: flex; align-items: center; padding: 1.17rem 1.25rem !important; } .item---mWztI .label---qtUCf { color: var(--color-gray); } .dopdownsWrapper---qj1qz { margin-top: 1.167rem; } .switchSposob { padding-top: 0.833rem; } .switchSposob .btn-group-primary label { height: 6.333rem; } .switchSposob .btn-group-primary label:nth-child(1) { border-radius: 10px 0 0 10px !important; } .switchSposob .btn-group-primary label:nth-last-child(1) { border-radius: 0 10px 10px 0 !important; } .switchSposob .btn-group-primary label.btn-primary { background-color: var(--color-white); box-shadow: none; border: 1px solid var(--color-gray); color: var(--color-black-400); font-style: normal; font-weight: 400; line-height: 18px; border-radius: 10px 0px 0px 10px; filter: drop-shadow(0px 4px 16px var(--color-black-a15)); -webkit-filter: drop-shadow(0px 4px 16px var(--color-black-a15)); } .switchSposob .btn-group-primary label.btn-primary.active { font-weight: 700; background-color: var(--color-primary-active); box-shadow: none; border: 2px solid var(--color-primary); color: var(--color-primary); filter: none; -webkit-filter: none; } .switchSposob .btn-group-primary label.btn-primary:not(.grayedout-2):hover { background-color: var(--color-primary-200); color: var(--color-primary); border: 2px solid var(--color-primary); } .switchSposob .btn-group-primary label.btn-primary:not(.grayedout-2):hover svg path { fill: var(--color-primary) !important; } .switchSposob .btn-group-primary label.btn-primary .img { width: 100%; height: 32px; background-repeat: no-repeat; background-position: center; } .wrapper---vwj_a { width: 2.66667rem; height: 2.66667rem; display: flex; justify-content: center; align-items: center; } .door---IaGww path, .point---dm2tl path, .parcellocker---HPCfw path { fill: var(--color-primary); } .door---IaGww.default---JXAyg path, .point---dm2tl.default---JXAyg path, .parcellocker---HPCfw.default---JXAyg path { fill: var(--color-gray); } .door---IaGww.hover---LnQwM path, .point---dm2tl.hover---LnQwM path, .parcellocker---HPCfw.hover---LnQwM path { fill: var(--color-primary); } .courierTile---jIYuN { height: 8.333rem; width: 8.333rem; background: var(--color-white); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 0 1.083rem 0.417rem 1.083rem; border: 0.083rem solid var(--color-gray); border-radius: 0.833rem; box-shadow: 0rem 0.333rem 1.333rem var(--color-black-a15); cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: background-color 150ms; } .courierTile---jIYuN img { margin-top: auto; max-height: 3rem; max-width: 6.167rem; } .courierTile---jIYuN span { line-height: 1.667rem; align-self: center; margin-top: auto; } .courierTile---jIYuN span.price_fix_wrap---NdEFo { width: calc(100% + 2rem); text-align: center; } .courierTile---jIYuN .estimatedDelivery---iXN4Z { color: var(--color-gray-700); line-height: 15.06px; } .courierTile---jIYuN.active---eYPCC { border: 2px solid var(--color-primary); } .courierTile---jIYuN.active---eYPCC, .courierTile---jIYuN.active---eYPCC legend { background: var(--color-primary-active); } .courierTile---jIYuN:not(.disabled---dgl2V).hover---MTnrf { border: 2px solid var(--color-primary); } .courierTile---jIYuN:not(.disabled---dgl2V).hover---MTnrf, .courierTile---jIYuN:not(.disabled---dgl2V).hover---MTnrf legend { background: var(--color-primary-200); } .courierTileWithIcon---MmfC2 { position: relative; width: 2.667rem; display: block; } .courierTileWithIcon---MmfC2 svg { position: absolute; top: 0; left: 0; transform: translate(0, -50%); } .inconLegend---AGxID { height: 2px; } .disabled---dgl2V { background: var(--color-gray-100); border: 1px solid var(--color-gray); } .toolTipList---xRANg { margin-bottom: 0; padding-inline-start: 25px; } .noPrinter---n2xLZ { width: 8.333rem; margin-top: 0.333rem; line-height: 1.255rem; } .noPrinter---n2xLZ .noPrinterTxt---Bvy0r { font-weight: 600; color: var(--color-black-400); } .titleWrapper---0Rbx2 { padding-top: 0.667rem; margin-top: 1.667rem; } .titleWrapper---0Rbx2 .noCouriers---QyenT { position: relative; padding: 0 1rem 3.083rem; font-size: 1.167rem; } .titleWrapper---0Rbx2 .noCouriers---QyenT .noCouriersBg---Stj1x { position: absolute; height: 100%; width: 100vw; background-color: var(--color-gray-100); top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .title---CpHzy { padding-bottom: 1.667rem !important; padding-top: 0 !important; } .title---CpHzy span { font-size: 1.667rem; color: var(--color-gray) !important; } .courierListWrapper---ow2TG { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 1.083rem; row-gap: 2.167rem; } @media (min-width: 960px) { .title---CpHzy { padding-bottom: 2.5rem !important; } .title---CpHzy span { font-size: 2rem; color: var(--color-black-400) !important; } .titleWrapper---0Rbx2 { background: none; } .titleWrapper---0Rbx2 .noCouriers---QyenT { width: 27.167rem; margin-inline: auto; padding-top: 1rem; text-align: center; } .titleWrapper---0Rbx2 .noCouriers---QyenT .noCouriersBg---Stj1x { display: none; } .courierTilesWrapper---RfIR9 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .courierListWrapper---ow2TG { column-gap: 2.91667rem !important; row-gap: 2.5rem !important; } } .skeleton---ZlggP { background-color: var(--color-skeleton) !important; border-radius: 0.83rem; } .courierTile---rHPGN { height: 8.333rem; width: 8.333rem; background: var(--color-white); display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 0 1.083rem 0.417rem 1.083rem; border: 0.083rem solid var(--color-gray); border-radius: 0.833rem; box-shadow: 0 0.333rem 1.333rem var(--color-black-a15); cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: background-color 150ms; } .courierTile---rHPGN .iconSkeleton---_mN5M { width: 2.334rem; height: 1.667rem; } .courierTile---rHPGN .img---PSGbJ { width: 100%; height: 2.10392rem; margin-top: 0.8rem; } .courierTile---rHPGN .price---FZh4I { width: 100%; height: 1.66667rem; margin-top: 0.73rem; } .courierTile---rHPGN .estimatedDelivery---SPeKo { width: 100%; height: 1.25rem; margin-top: 0.17rem; margin-bottom: 0.167rem; } .courierTileWithIcon---rVQo6 { position: relative; width: 2.667rem; display: block; } .courierTileWithIcon---rVQo6 .iconSkeleton---_mN5M { position: absolute; top: 0; left: 0; transform: translate(0, -50%); } .altView---QKK0p { display: flex; flex-direction: column; gap: 1.333rem; } .fieldset---Flxpv { box-sizing: border-box; background: var(--color-white); border: 1px solid var(--color-gray); border-radius: 8px; padding: 0 1.333rem 1.333rem 1.333rem; margin-inline: -1.37rem; } @media (min-width: 1290px) { .fieldset---Flxpv { margin-right: 1rem; } } .fieldset---Flxpv > legend { display: block; width: fit-content; font-family: "Mulish"; font-style: normal; font-weight: 400; font-size: 1.167rem; line-height: 1.5rem; color: var(--color-black-400); margin-bottom: 0; } .fieldset---Flxpv > .today---Wf_xk { margin-top: 0.473rem; margin-bottom: 1.083rem; text-align: center; font-family: "Mulish"; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1.25rem; color: var(--color-black-400); } @media (min-width: 1290px) { .fieldset---Flxpv > .today---Wf_xk { font-size: 1.167rem; } } .fieldset---Flxpv div { margin: none; } .otherDay---ZyAzk { font-family: "Mulish"; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1.25rem; text-align: center; color: var(--color-gray); } @media (min-width: 1290px) { .otherDay---ZyAzk { font-size: 1.167rem; } } .titleWrapper---gYdC0 { padding-bottom: 2.667rem !important; } @media (min-width: 1290px) { .titleWrapper---gYdC0 { margin-right: 1rem; } } .titleWrapper---gYdC0 .titleContainer---XAP7W .title---qR9Cq { padding-top: 0 !important; padding-left: 0 !important; white-space: nowrap; } .titleWrapper---gYdC0 .titleContainer---XAP7W i::before { margin-left: 0; } .courierListWrapper---_mHM_ { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; column-gap: 1.083rem; row-gap: 2.167rem; } @media (min-width: 1290px) { .courierListWrapper---_mHM_ { column-gap: 2rem; margin-inline: 1.083rem; } } .courierListMainWrapper---mvZj9 { display: flex; flex-direction: column; gap: 1.333rem; } .courierListMainWrapper---mvZj9 .courierUnavailable---wGeMZ { color: var(--color-error); } .epandedButton---WiBKR { color: var(--color-primary) !important; } .epandedButton---WiBKR div { display: flex; justify-content: center; align-items: center; gap: 0.5rem; } .epandedButton---WiBKR i { font-size: 0.667rem; } .spinner---yIHdq { display: flex; flex-direction: column; justify-content: center; } .spinner---yIHdq span { font-size: 1.167rem; color: var(--color-black-400); font-weight: 700; text-align: center; } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } @-webkit-keyframes mui-auto-fill { from { display: block; } } @keyframes mui-auto-fill { from { display: block; } } @-webkit-keyframes mui-auto-fill-cancel { from { display: block; } } @keyframes mui-auto-fill-cancel { from { display: block; } } .css-1lp1p5q-MuiSkeleton-root { display: block; background-color: rgba(0, 0, 0, 0.11); height: auto; margin-top: 0; margin-bottom: 0; transform-origin: 0 55%; -webkit-transform: scale(1, 0.6); -moz-transform: scale(1, 0.6); -ms-transform: scale(1, 0.6); transform: scale(1, 0.6); border-radius: 4px/6.7px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; -webkit-animation: animation-c7515d 1.5s ease-in-out 0.5s infinite; animation: animation-c7515d 1.5s ease-in-out 0.5s infinite; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; transform: unset; } .css-1lp1p5q-MuiSkeleton-root:empty:before { content: "\00a0"; } .css-1lp1p5q-MuiSkeleton-root > * { visibility: hidden; } @-webkit-keyframes animation-c7515d { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } @keyframes animation-c7515d { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .css-l0n574-MuiFormControl-root { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; min-width: 0; padding: 0; margin: 0; border: 0; vertical-align: top; width: 100%; } .css-l0n574-MuiFormControl-root label.MuiFormLabel-root { font-size: 1.333rem; } .css-l0n574-MuiFormControl-root label.MuiFormLabel-root.Mui-focused, .css-l0n574-MuiFormControl-root label.MuiFormLabel-root[data-shrink="true"] { font-size: 1.167rem; } .css-l0n574-MuiFormControl-root legend { font-size: 1.167rem; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 4px; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input { font: inherit; letter-spacing: inherit; color: currentColor; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding-top: 1px; padding: 8.5px 14px; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus { outline: 0; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:invalid { box-shadow: none; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-search-decoration { -webkit-appearance: none; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input { } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-webkit-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-moz-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus:-ms-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-ms-input-placeholder { opacity: 0.42; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitBoxShadow { } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitTextFillColor { } .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill caretColor { } .css-rki20w-MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } .css-1d3z3hw-MuiOutlinedInput-notchedOutline { text-align: left; position: absolute; bottom: 0; right: 0; top: -5px; left: 0; margin: 0; padding: 0 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); } .css-ihdtdm { float: unset; width: auto; overflow: hidden; padding: 0; line-height: 11px; -webkit-transition: width 150ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: width 150ms cubic-bezier(0, 0, 0.2, 1) 0ms; } .css-1wc848c-MuiFormHelperText-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 0.75rem; line-height: 1.66; letter-spacing: 0.03333em; text-align: left; margin-top: 3px; margin-right: 14px; margin-bottom: 0; margin-left: 14px; } .css-1wc848c-MuiFormHelperText-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-1wc848c-MuiFormHelperText-root.Mui-error { color: #d32f2f; } .css-5rae4w-MuiAutocomplete-root { } .css-5rae4w-MuiAutocomplete-root.Mui-focused .MuiAutocomplete-clearIndicator { visibility: visible; } @media (pointer: fine) { .css-5rae4w-MuiAutocomplete-root:hover .MuiAutocomplete-clearIndicator { visibility: visible; } } .css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-tag { margin: 3px; max-width: calc(100% - 6px); } .css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-inputRoot { -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .MuiAutocomplete-hasPopupIcon.css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-inputRoot { padding-right: 30px; } .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-inputRoot { padding-right: 56px; } .css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-inputRoot .MuiAutocomplete-input { width: 0; min-width: 30px; } .css-5rae4w-MuiAutocomplete-root .MuiInput-root { padding-bottom: 1px; } .css-5rae4w-MuiAutocomplete-root .MuiInput-root .MuiInput-input { padding: 4px 4px 4px 0px; } .css-5rae4w-MuiAutocomplete-root .MuiInput-root.MuiInputBase-sizeSmall { } .css-5rae4w-MuiAutocomplete-root .MuiInput-root.MuiInputBase-sizeSmall .MuiInput-input { padding: 2px 4px 3px 0; } .css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root { padding: 9px; } .MuiAutocomplete-hasPopupIcon.css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root, .MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root { padding-right: 39px; } .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root { padding-right: 65px; } .css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input { padding: 7.5px 4px 7.5px 5px; } .css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-endAdornment { right: 9px; } .css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; } .css-5rae4w-MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input { padding: 2.5px 4px 2.5px 8px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root { padding-top: 19px; padding-left: 8px; } .MuiAutocomplete-hasPopupIcon.css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root, .MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root { padding-right: 39px; } .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root { padding-right: 65px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root .MuiFilledInput-input { padding: 7px 4px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root .MuiAutocomplete-endAdornment { right: 9px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-sizeSmall { padding-bottom: 1px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input { padding: 2.5px 4px; } .css-5rae4w-MuiAutocomplete-root .MuiInputBase-hiddenLabel { padding-top: 8px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-hiddenLabel { padding-top: 0; padding-bottom: 0; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input { padding-top: 16px; padding-bottom: 17px; } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall { } .css-5rae4w-MuiAutocomplete-root .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input { padding-top: 8px; padding-bottom: 9px; } .css-5rae4w-MuiAutocomplete-root .MuiAutocomplete-input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-overflow: ellipsis; opacity: 1; } .css-5rae4w-MuiAutocomplete-root legend { font-size: 1.167rem; } .css-1xj1k15-MuiTextField-root { } .css-wb57ya-MuiFormControl-root-MuiTextField-root { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; min-width: 0; padding: 0; margin: 0; border: 0; vertical-align: top; width: 100%; } .css-5eqf2o-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; padding-left: 14px; padding-right: 14px; } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } .css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .css-1hnvp3o-MuiInputAdornment-root { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0.01em; max-height: 2em; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-right: 8px; margin-left: 16px; margin-right: 0px; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input { font: inherit; letter-spacing: inherit; color: currentColor; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding: 16.5px 14px; padding-left: 0; padding-right: 0; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:focus { outline: 0; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:invalid { box-shadow: none; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-webkit-search-decoration { -webkit-appearance: none; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input { } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:focus::-webkit-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:focus::-moz-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:focus:-ms-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:focus::-ms-input-placeholder { opacity: 0.42; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitBoxShadow { } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitTextFillColor { } .css-152mnda-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill caretColor { } .css-1q60rmi-MuiAutocomplete-endAdornment { position: absolute; right: 0; top: calc(50% - 14px); } .css-15qn6cx-MuiAutocomplete-popupIndicator { padding: 2px; margin-right: -2px; } .css-8vuumc-MuiIconButton-root-MuiAutocomplete-popupIndicator { text-align: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; color: rgba(0, 0, 0, 0.54); -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; padding: 2px; margin-right: -2px; } .css-8vuumc-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .css-8vuumc-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover { background-color: transparent; } } .css-8vuumc-MuiIconButton-root-MuiAutocomplete-popupIndicator.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0; border: 0; margin: 0; border-radius: 0; padding: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -moz-appearance: none; -webkit-appearance: none; -webkit-text-decoration: none; text-decoration: none; color: inherit; text-align: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; overflow: visible; color: rgba(0, 0, 0, 0.54); -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; padding: 2px; margin-right: -2px; } .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator::-moz-focus-inner { border-style: none; } .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator.Mui-disabled { pointer-events: none; cursor: default; } @media print { .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator { -webkit-print-color-adjust: exact; color-adjust: exact; } } .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) { .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover { background-color: transparent; } } .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); } .css-i4bv87-MuiSvgIcon-root { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentColor; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-size: 1.5rem; } .css-14lo706 { float: unset; width: auto; overflow: hidden; display: block; padding: 0; height: 11px; font-size: 0.75em; visibility: hidden; max-width: 100%; -webkit-transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms; transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms; white-space: nowrap; } .css-14lo706 > span { padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible; } .css-1j73k8l-MuiSkeleton-root { display: block; background-color: rgba(0, 0, 0, 0.11); height: 1.2em; border-radius: 4px; position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); } .css-1j73k8l-MuiSkeleton-root::after { -webkit-animation: animation-wiooy9 1.6s linear 0.5s infinite; animation: animation-wiooy9 1.6s linear 0.5s infinite; background: linear-gradient( 90deg, transparent, rgba(0, 0, 0, 0.04), transparent ); content: ""; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); bottom: 0; left: 0; right: 0; top: 0; } @-webkit-keyframes animation-wiooy9 { 0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } 50% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @keyframes animation-wiooy9 { 0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } 50% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } .css-1eyl26b-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-1eyl26b-MuiInputLabel-root #label-not-focus { display: none; } .css-1eyl26b-MuiInputLabel-root #label-focus { display: contents; } .css-1eyl26b-MuiInputLabel-root:not( .Mui-focused, .css-1eyl26b-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(1.167rem, 1.25rem) !important; -moz-transform: translate(1.167rem, 1.25rem) !important; -ms-transform: translate(1.167rem, 1.25rem) !important; transform: translate(1.167rem, 1.25rem) !important; } .css-1eyl26b-MuiInputLabel-root:not( .Mui-focused, .css-1eyl26b-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-1eyl26b-MuiInputLabel-root:not( .Mui-focused, .css-1eyl26b-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root #label-not-focus { display: none; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root #label-focus { display: contents; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-s06agq-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(1.167rem, 1.25rem) !important; -moz-transform: translate(1.167rem, 1.25rem) !important; -ms-transform: translate(1.167rem, 1.25rem) !important; transform: translate(1.167rem, 1.25rem) !important; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-s06agq-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-s06agq-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-s06agq-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-d1j16j-MuiTypography-root { margin: 0; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; position: relative; cursor: text; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 4px; padding-right: 14px; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); } @media (hover: none) { .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); } } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #1976d2; border-width: 2px; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline { border-color: #d32f2f; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root > input { font-weight: 600; color: #121212; font-size: 1.333rem; padding-left: 0px; text-align: center; } .css-1uwnlxx-MuiInputBase-root-MuiOutlinedInput-root > input.MuiInputBase-inputAdornedEnd { text-align: right; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input { font: inherit; letter-spacing: inherit; color: currentColor; padding: 4px 0 5px; border: 0; box-sizing: content-box; background: none; height: 1.4375em; margin: 0; -webkit-tap-highlight-color: transparent; display: block; min-width: 0; width: 100%; -webkit-animation-name: mui-auto-fill-cancel; animation-name: mui-auto-fill-cancel; -webkit-animation-duration: 10ms; animation-duration: 10ms; padding-top: 1px; padding: 8.5px 14px; padding-right: 0; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { color: currentColor; opacity: 0.42; -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:focus { outline: 0; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:invalid { box-shadow: none; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-webkit-search-decoration { -webkit-appearance: none; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input { } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder { opacity: 0 !important; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:focus::-webkit-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:focus::-moz-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:focus:-ms-input-placeholder { opacity: 0.42; } label[data-shrink="false"] + .MuiInputBase-formControl .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:focus::-ms-input-placeholder { opacity: 0.42; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { -webkit-animation-duration: 5000s; animation-duration: 5000s; -webkit-animation-name: mui-auto-fill; animation-name: mui-auto-fill; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill { border-radius: inherit; } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitBoxShadow { } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill WebkitTextFillColor { } .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill caretColor { } .css-dlo7av-MuiInputAdornment-root { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 0.01em; max-height: 2em; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-left: 8px; } .css-dlo7av-MuiInputAdornment-root p.MuiTypography-root { color: #121212; font-size: 1rem; } .css-dlo7av-MuiInputAdornment-root { margin: 0px 1rem 0px 0px; padding-left: 0.583rem; } .css-1pnmrwp-MuiTypography-root { margin: 0; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.6); } .css-bckmzb-MuiAutocomplete-popper { z-index: 1300; } .css-1s5lphu-MuiPopper-root-MuiAutocomplete-popper { z-index: 1300; } .css-brio1k-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-brio1k-MuiInputLabel-root #label-not-focus { display: none; } .css-brio1k-MuiInputLabel-root #label-focus { display: contents; } .css-brio1k-MuiInputLabel-root:not( .Mui-focused, .css-brio1k-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(5.25rem, 1.25rem) !important; -moz-transform: translate(5.25rem, 1.25rem) !important; -ms-transform: translate(5.25rem, 1.25rem) !important; transform: translate(5.25rem, 1.25rem) !important; } .css-brio1k-MuiInputLabel-root:not( .Mui-focused, .css-brio1k-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-brio1k-MuiInputLabel-root:not( .Mui-focused, .css-brio1k-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root #label-not-focus { display: none; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root #label-focus { display: contents; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-10yuola-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(5.25rem, 1.25rem) !important; -moz-transform: translate(5.25rem, 1.25rem) !important; -ms-transform: translate(5.25rem, 1.25rem) !important; transform: translate(5.25rem, 1.25rem) !important; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-10yuola-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-10yuola-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-10yuola-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-8zv1u9-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-8zv1u9-MuiInputLabel-root #label-not-focus { display: none; } .css-8zv1u9-MuiInputLabel-root #label-focus { display: contents; } .css-8zv1u9-MuiInputLabel-root:not( .Mui-focused, .css-8zv1u9-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.625rem, 1.25rem) !important; -moz-transform: translate(4.625rem, 1.25rem) !important; -ms-transform: translate(4.625rem, 1.25rem) !important; transform: translate(4.625rem, 1.25rem) !important; } .css-8zv1u9-MuiInputLabel-root:not( .Mui-focused, .css-8zv1u9-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-8zv1u9-MuiInputLabel-root:not( .Mui-focused, .css-8zv1u9-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root #label-not-focus { display: none; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root #label-focus { display: contents; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.625rem, 1.25rem) !important; -moz-transform: translate(4.625rem, 1.25rem) !important; -ms-transform: translate(4.625rem, 1.25rem) !important; transform: translate(4.625rem, 1.25rem) !important; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-3az1tt-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-pnh2ej-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-pnh2ej-MuiInputLabel-root #label-not-focus { display: none; } .css-pnh2ej-MuiInputLabel-root #label-focus { display: contents; } .css-pnh2ej-MuiInputLabel-root:not( .Mui-focused, .css-pnh2ej-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.167rem, 1.25rem) !important; -moz-transform: translate(4.167rem, 1.25rem) !important; -ms-transform: translate(4.167rem, 1.25rem) !important; transform: translate(4.167rem, 1.25rem) !important; } .css-pnh2ej-MuiInputLabel-root:not( .Mui-focused, .css-pnh2ej-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-pnh2ej-MuiInputLabel-root:not( .Mui-focused, .css-pnh2ej-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root #label-not-focus { display: none; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root #label-focus { display: contents; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.167rem, 1.25rem) !important; -moz-transform: translate(4.167rem, 1.25rem) !important; -ms-transform: translate(4.167rem, 1.25rem) !important; transform: translate(4.167rem, 1.25rem) !important; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-1nv05k9-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-2totvp-MuiInputLabel-root { display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-2totvp-MuiInputLabel-root #label-not-focus { display: none; } .css-2totvp-MuiInputLabel-root #label-focus { display: contents; } .css-2totvp-MuiInputLabel-root:not( .Mui-focused, .css-2totvp-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.208rem, 1.25rem) !important; -moz-transform: translate(4.208rem, 1.25rem) !important; -ms-transform: translate(4.208rem, 1.25rem) !important; transform: translate(4.208rem, 1.25rem) !important; } .css-2totvp-MuiInputLabel-root:not( .Mui-focused, .css-2totvp-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-2totvp-MuiInputLabel-root:not( .Mui-focused, .css-2totvp-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root { color: rgba(0, 0, 0, 0.6); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0; position: relative; display: block; transform-origin: top left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(133% - 32px); position: absolute; left: 0; top: 0; -webkit-transform: translate(14px, -9px) scale(0.75); -moz-transform: translate(14px, -9px) scale(0.75); -ms-transform: translate(14px, -9px) scale(0.75); transform: translate(14px, -9px) scale(0.75); -webkit-transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; z-index: 1; pointer-events: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root.Mui-focused { color: #1976d2; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root.Mui-error { color: #d32f2f; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root #label-not-focus { display: none; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root #label-focus { display: contents; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) { -webkit-transform: translate(4.208rem, 1.25rem) !important; -moz-transform: translate(4.208rem, 1.25rem) !important; -ms-transform: translate(4.208rem, 1.25rem) !important; transform: translate(4.208rem, 1.25rem) !important; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-not-focus { display: contents; } .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root:not( .Mui-focused, .css-ujvuh0-MuiFormLabel-root-MuiInputLabel-root[data-shrink="true"] ) #label-focus { display: none; } .css-j8ofbm-MuiDrawer-root { z-index: 1200; } .css-8je8zh-MuiTouchRipple-root { overflow: hidden; pointer-events: none; position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .MmfC2nDSnULW93mB2nhu svg { position: absolute; top: 0; left: 0; transform: translate(0, -50%); } .iXN4ZJptw7HkfrRktbKX { color: var(--color-gray-700); } #dimensionsMsg { color: #6d6d6d; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #6d6d6d !important; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #6d6d6d !important; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #6d6d6d !important; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #6d6d6d !important; } .tooltip .tooltip-content { border-radius: 5px; background: #6D6D6D; padding: 1rem 0.833rem; color: #fff; font-family: Mulish; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; } .tooltip .tooltip-content ul{ margin-bottom: 0; padding-inline-start: 1.5rem; } .tooltip .tooltip-content .tooltip-inner { padding: 0; width: fit-content; color: #fff; font-family: Mulish; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; background-color: transparent; } .tooltip > .tooltip-inner { padding: 1rem 0.833rem; color: #fff; font-family: Mulish; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; background: #6D6D6D; } .courierTile---rHPGN:not(.calculator-skeleton):hover { border: 2px solid var(--color-primary); background: var(--color-primary-200); } .courierTile---rHPGN legend svg { fill: var(--color-gray); } .courierTile---rHPGN:hover legend { background: var(--color-primary-200); } .courierTile---rHPGN:hover legend svg { fill: var(--color-primary); } .eYPCCnErAZCEcASOP25o { border: 2px solid var(--color-primary); background: var(--color-primary-200); } .eYPCCnErAZCEcASOP25o legend { background: var(--color-primary-200); } .eYPCCnErAZCEcASOP25o legend svg { fill: var(--color-primary); } .calculator-invalid { display: none !important; } .price-block-hidden { display: none !important; } span[id^=price-block-value-] { margin-left: -.8rem; margin-right: -.8rem; } /** * Selectize bootstrap 4 */ #root .label-selectize p::before { content: ""; position: absolute; top: 50%; left: -5px; background-color: white; height: 3px; width: calc(100% + 10px); z-index: -1; } #root .selectize-control { position: relative; } #root .selectize-dropdown, #root .selectize-input, #root .selectize-input input { background: #ffffff !important; color: #6d6d6d; font-family: inherit; font-size: inherit; line-height: 1.5; -webkit-font-smoothing: inherit; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15) !important; } #root .selectize-input, #root .selectize-control.single .selectize-input.input-active { cursor: text; display: inline-block; font-size: 1.333rem; color: #121212; font-weight: 600; } #root .selectize-input { border: 1px solid var(--color-gray); padding: calc(10.5px + 1px) calc(1rem + 1px); height: calc(1.5em + 25px) !important; display: inline-block; width: 100%; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; } #root .selectize-input:hover { border: 2px solid rgb(18, 18, 18); padding: 10.5px 1rem; } #root .selectize-control.multi #root .selectize-input.has-items { padding: calc(0.375rem - 1px - 0px) 0.75rem calc(0.375rem - 1px - 0px - 0px) 0.75rem; } #root .selectize-input.disabled, #root .selectize-input.disabled * { cursor: default !important; } #root .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } #root .selectize-input.dropdown-active { -webkit-border-radius: 0.25rem 0.25rem 0 0; -moz-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; } #root .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } #root .selectize-control.multi #root .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 1px 3px; background: #efefef; color: #6d6d6d; border: 0px solid #999; } #root .selectize-control.multi .selectize-input > div.active { background: #007bff; color: #fff; border: 0px solid rgba(0, 0, 0, 0); } #root .selectize-control.multi .selectize-input.disabled > div, #root .selectize-control.multi .selectize-input.disabled > div.active { color: #878787; background: white; border: 0px solid #e6e6e6; } #root .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none; box-shadow: none; } #root .selectize-input > input::-ms-clear { display: none; } #root .selectize-input > input:focus { outline: none !important; } #root .selectize-input::after { content: " "; display: block; clear: left; } #root .selectize-input.dropdown-active::before { content: " "; display: block; position: absolute; background: white; height: 1px; bottom: 0; left: 0; right: 0; } #root .selectize-dropdown { /*WINCYJ IMPORTANT!!jedenjeden*/ position: absolute; z-index: 10; background: #fff; -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15) !important; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15) !important; border: 2px solid #121212 !important; -webkit-border-radius: 0.833rem !important; -moz-border-radius: 0.833rem !important; border-radius: 0.833rem !important; margin-top: 0.667rem !important; width: 20.417rem !important; overflow: hidden; } @media (max-width: 1290px) { /*fix cuts off countries dropdown*/ #root #ZamowienieOdbiorcaKraj + .selectize-control .selectize-dropdown { left: unset !important; right: 0; } } #root .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } #root .selectize-dropdown [data-selectable] .highlight { background: rgba(255, 237, 40, 0.4); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } #root .selectize-dropdown .option, #root .selectize-dropdown .optgroup-header { padding: 1.167rem 1.25rem; } #root .selectize-dropdown .option, #root .selectize-dropdown [data-disabled], #root .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } #root .selectize-dropdown [data-selectable].option { opacity: 1; } #root .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } #root .selectize-dropdown .optgroup-header { color: #6d6d6d; background: #fff; cursor: default; } #root .selectize-dropdown .active { background-color: rgba(0, 0, 0, 0.04); color: #121212; } #root .selectize-dropdown .active.create { color: #16181b; } #root .selectize-dropdown .create { color: rgba(52, 58, 64, 0.5); } #root .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 27.917rem; -webkit-border-radius: 0.833rem !important; -moz-border-radius: 0.833rem !important; border-radius: 0.833rem !important; } #root .selectize-control.single .selectize-input, #root .selectize-control.single .selectize-input input { cursor: pointer; } #root .selectize-control.single .selectize-input.input-active, #root .selectize-control.single .selectize-input.input-active input { cursor: text; } #root .selectize-control.single .selectize-input:after, #root .selectize-control.multi .selectize-input:after { font-family: "epaka_icons"; content: "\e82e"; display: block; position: absolute; font-weight: normal; bottom: 35%; right: 15px; font-size: 7px; } #root .selectize-control.single .selectize-input:hover:after, #root .selectize-control.multi .selectize-input:hover:after { right: 14px; } #root .selectize-control.single .selectize-input.focus:after, #root .selectize-control.multi .selectize-input.focus:after { right: 14px; } #root .selectize-input.focus #root .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; } #root .selectize-control.rtl.single .selectize-input:after { left: calc(0.75rem + 5px); right: auto; } #root .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } #root .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fff; } #root .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } #root .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: "!"; visibility: hidden; } #root .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } #root .selectize-dropdown-header { position: relative; padding: 3px 0.75rem; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 0.25rem 0.25rem 0 0; -moz-border-radius: 0.25rem 0.25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; } #root .selectize-dropdown-header-close { position: absolute; right: 0.75rem; top: 50%; color: #343a40; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } #root .selectize-dropdown-header-close:hover { color: black; } #root .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #root .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } #root .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } #root .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } #root .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } #root .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 1px 0 0 0; border-left: 1px solid #999; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #root .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } #root .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: rgba(0, 0, 0, 0); } #root .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } #root .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #e6e6e6; } #root .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } #root .selectize-dropdown, #root .selectize-dropdown.form-control { height: auto; padding: 0; margin: 2px 0 0 0; z-index: 1000; background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } #root .selectize-dropdown .optgroup-header { font-size: 0.875rem; line-height: 1.5; } #root .selectize-dropdown .optgroup:first-child:before { display: none; } #root .selectize-dropdown .optgroup:before { content: " "; display: block; height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; margin-left: -0.75rem; margin-right: -0.75rem; } #root .selectize-dropdown .create { padding-left: 0.75rem; } #root .selectize-dropdown-content { padding: 0; } #root .selectize-dropdown-header { padding: 6px 0.75rem; } #root .selectize-input { /* min-height: calc(1.5em + 0.75rem + 2px); */ border-radius: 8px; /*DZ*/ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { #root .selectize-input { transition: none; } } #root .selectize-input.dropdown-active { -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; } #root .selectize-input.dropdown-active::before { display: none; } #root .selectize-input.focus { background: #ffffff !important; border: 2px solid rgb(18, 18, 18); padding: 10.5px 1rem !important; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; } #root .is-invalid .selectize-input { border-color: #dc3545; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #root .is-invalid .selectize-input:focus { border-color: #bd2130; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eb8c95; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eb8c95; } #root .selectize-control.form-control-sm .selectize-input.has-items { height: calc(1.5em + 25px) !important; line-height: 1.5; } #root .selectize-control.multi .selectize-input.has-items { padding-left: calc(0.75rem - 3px); padding-right: calc(0.75rem - 3px); } #root .selectize-control.multi .selectize-input > div { -webkit-border-radius: calc(0.25rem - 1px); -moz-border-radius: calc(0.25rem - 1px); border-radius: calc(0.25rem - 1px); } #root .form-control.selectize-control { padding: 0 !important; height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 8px; font-size: 1.333rem; color: #121212; font-weight: 600; } #root .input-group .selectize-input { border: 0; padding: 0; -webkit-border-radius: 0 0.25rem 0.25rem 0; -moz-border-radius: 0 0.25rem 0.25rem 0; border-radius: 0 0.25rem 0.25rem 0; } #root .selectize-input .item { overflow: hidden; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 20px); } #root .selectize-input { white-space: nowrap; } #root .selectize-input input { vertical-align: top; display: inline-block; } #main .calculator-mrparcel { position: absolute; right: 17px; bottom: -105px; } @media (min-width: 960px) { #main .calculator-background { margin-left: -17px; margin-right: -17px; border-radius: 10px; background: linear-gradient(93deg, #020024 0%, #af4c4d 100%); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15); position: relative; } #main .calculator-background .calculator-background-planet { padding: 17px; background-image: url("/img/landingi-zagraniczne/planeta.gif"); background-size: 375px 375px; background-repeat: no-repeat; background-position-x: center; background-position-y: 25%; } #main .calculator-background .dekstopRow---c3Ox8 { padding-left: 0; padding-right: 0; } #root .firstSection---MlWY5 { margin-right: -1px; } #root .secondSection---A5gyN { margin-left: -1px; } } @media (max-width: 959px) { #main .calculator-background { padding-bottom: .833rem; } #main .calculator-background .calculator-title { background: linear-gradient(93deg, #020024 0%, #af4c4d 100%); border-radius: 10px; padding: 17px; overflow: hidden; margin-bottom: 0; } #main .calculator-title .calculator-mrparcel { position: absolute; right: 17px; bottom: -4px; width: 130px; } #main .calculator-title h1, #main .calculator-title div { font-size: 17px !important; } #main .bannerContainer---_Pfeg { display: none !important; } } @media (max-width: 576px) { #main .calculator-background .calculator-title { border-radius: 0px; padding-left: 31px; width: 100vw; margin-left: 0; margin-top: 0; } } #main .calculator-background .calculator-background-planet .calculator-title h1, #main .calculator-background .calculator-background-planet .calculator-title div { color: var(--color-white); } #main .calculator-title { margin: 22px 13px 90px; position: relative; z-index: 1; } #main .calculator-title h1 { color: var(--color-black); font-family: Mulish; font-size: 30px; font-style: normal; font-weight: 800; line-height: normal; } #main .calculator-title div { color: var(--color-black); font-family: Mulish; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; } .calculator-price-block { margin-bottom: 0; } .couriers---xHX1q { gap: 2rem; } .couriers-bottom { display: flex; flex-direction: column; gap: 2.5rem; margin-left: 2rem; margin-right: 2rem; } @media (min-width: 1290px) { .couriers-bottom { margin-left: 0; margin-right: 0; flex-direction: row-reverse; justify-content: space-between; } .couriers-bottom .zamowKurieraWrapper---h5URF { padding-top: 2.17rem; min-width: 22.667rem; } } /*region stimulus*/ .stimulus-wrapper { display: flex; padding: 1.33333rem; flex-direction: column; align-items: center; justify-content: center; gap: 0.33333rem; align-self: stretch; border-radius: 0.66667rem; background: #FFF; color: #000; font-family: Mulish; font-size: 1.33333rem; font-style: normal; font-weight: 300; line-height: normal; opacity: 0; transition: opacity linear 1000ms; } .stimulus-container { background: #FFF; min-height: 4.083rem; border-radius: 0.66667rem; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity linear 1000ms; } @media (min-width: 1290px) { width: 100%; margin-left: 0px!important; margin-right: 0px!important; } .stimulus-container.show { opacity: 1; transition: opacity linear 1000ms; } .stimulus-wrapper.show { opacity: 1; transition: opacity linear 1000ms; } .stimulus-wrapper .stimulus-sending { } .stimulus-wrapper .stimulus-sending .stimulus-name { text-align: center; font-weight: 600; } .stimulus-wrapper .stimulus-sending .stimulus-female-suffix { display: none; } .stimulus-wrapper .stimulus-sending .stimulus-female-suffix.show { display: inline; } .stimulus-wrapper .stimulus-time-country { display: flex; align-items: center; gap: 0.33333rem; } .stimulus-wrapper .stimulus-time-country .stimulus-time { font-weight: 600; } @media (min-width: 1290px) { .stimulus-wrapper .stimulus-time-country .stimulus-time .stimulus-time-text { display: none; } } .stimulus-wrapper .stimulus-time-country .stimulus-time .stimulus-time-text-lg { display: none; } @media (min-width: 1290px) { .stimulus-wrapper .stimulus-time-country .stimulus-time .stimulus-time-text-lg { display: inline; } } .stimulus-wrapper .stimulus-time-country .stimulus-divider { display: none; } .stimulus-wrapper .stimulus-time-country .stimulus-country-flag { display: flex; align-items: flex-start; gap: 0.83333rem; } .stimulus-wrapper .stimulus-time-country .stimulus-country-flag .stimulus-country { font-weight: 600; } .stimulus-wrapper .stimulus-time-country .stimulus-country-flag .stimulus-flag { width: 2rem; height: 1.71933rem; border-radius: 0.66667rem; } /*region desktop 1290*/ @media (min-width: 1290px) { .stimulus-wrapper { flex-direction: row; /*padding: 0;*/ padding-inline: 1.665rem; } .stimulus-wrapper .stimulus-time-country { gap: 1rem; flex-direction: row-reverse; } .stimulus-wrapper .stimulus-time-country .stimulus-divider { display: block; border-left: 2px solid #F1F0F0; /*height: 2.3rem;*/ } .stimulus-wrapper .stimulus-time-country .stimulus-country-flag { gap: 1rem; } } /*endregion*/ /*endregion*/ .panPaczkaFlaga { transform: scale(0.5) translate(5rem, 3.1rem); } @media (min-width: 960px){ .panPaczkaFlaga { transform: none; } } .panPaczkaFlaga .flag.animate { transform-origin: -46px 56px; animation: shakeFlag 2s infinite; animation-timing-function: linear; } .panPaczkaFlaga img.pan_paczka.animate { animation: moveFlag 2s infinite; animation-timing-function: linear; } @keyframes shakeFlag { 0% { transform: rotate(0deg); } 50% { transform: rotate(17deg); } 100% { transform: rotate(0deg); } } @keyframes moveFlag { 0% {transform:translateY(0px);} 45% {transform:translateY(10px);} 55% {transform:translateY(10px);} 100% {transform:translateY(0px);} } /*region infotip modal*/ #infotipModal{ color: #5D5D5D; font-family: 'Mulish', sans-serif; } #infotipModal .modal-dialog.modal-dialog-centered{ min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; justify-content: center; } #infotipModal .modal-dialog{ margin:0; max-width: 47rem; } @media (min-width: 576px){ #infotipModal .modal-dialog { margin: 30px auto; } } #infotipModal .modal-content { border-radius: 0.66667rem; background: #FFF; padding: 2rem; position: relative; margin-inline: 1rem; box-shadow: unset; display: flex; flex-direction: column; gap: 2rem; min-width: 29rem; } #infotipModal .modal-content .modal-header { padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 1.333rem; background: unset; } #infotipModal .modal-content .modal-header h5 { color: inherit; font-weight: 600; font-size: 1.667rem !important; } #infotipModal .modal-content .modal-body { color: #6d6d6d; font-size: 1.333rem; padding: 0; } #infotipModal .modal-content .placeholder-footer { height: calc(97px - 2rem); } #infotipModal .modal-content .modal-footer { padding: 2rem 1rem; box-shadow: 0px -4px 16px var(--color-black-a15); position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center; left: 50%; transform: translate(-50%); } @media (min-width: 576px) { #infotipModal .modal-content .modal-footer { padding: 2rem calc((100% - 327px) / 2); } } #infotipModal .modal-content .modal-footer .btn.btn-black { display: flex; padding-top: 1.083rem; padding-bottom: 1.083rem; width: 100%; background-color: var(--color-black); box-shadow: 0px 4px 16px var(--color-black-a15); border-radius: 10px; position: relative; height: 4.083rem; border: 0; cursor: pointer; transition: background-color 150ms; -webkit-transition: background-color 150ms; -moz-transition: background-color 150ms; -ms-transition: background-color 150ms; -o-transition: background-color 150ms; overflow: hidden; align-items: center; justify-content: center; } #infotipModal .modal-content .modal-footer .btn.btn-black span{ font-style: normal; font-weight: 700; line-height: 23px; color: var(--color-white); letter-spacing: -0.02em; font-size: 1.5rem; } /*endregion*/ /*region spinner*/ .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-width: 8px; border-style: solid; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #d5d5d5 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*endregion*/ .hdr1{ font-size: 62px; font-family: Mulish; } .hdr2{ font-size: 50px; font-family: Mulish; font-weight: 800; } .hdr3{ font-size: 32px; font-family: Mulish; } .hdr4{ font-size: 28px; font-family: Mulish; } .hdr5{ font-size: 22.4px; font-family: Mulish; } /*region banner*/ .calculator-banner-wrapper { @media (max-width: 959px) { background: #EBEBEB; padding-top: 0.834rem; padding-bottom: 0.834rem; } } .calculator-banner { display: flex; flex-direction: column; gap: 1.33rem; justify-content: end; margin-bottom: 0; align-items: center; @media (min-width: 960px) { align-items: normal; gap: 1.57rem; flex-direction: row; padding-left: 25px; padding-right: 25px; padding-bottom: 1.2rem; } @media (min-width: 1290px) { padding-left: 0; padding-right: 0; padding-bottom: 2rem; } } .trustipilot-container{ gap: 0.67rem; } .trustipilot-container .gwiazdky img, .trustipilot-container .trustLogo img { height: 1.75rem; } .trustipilot-container .gwiazdky { display: block; @media (min-width: 960px) { display: none; } @media (min-width: 1290px) { display: block; } } .trustipilot-container .ocenaString{ color: #121212; text-align: center; font-family: Mulish; font-size: 1.283rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.02167rem; } .calculator-banner .custom-banner-text{ color: #121212; text-align: center; font-family: Mulish; font-size: 1.283rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.02167rem; display: flex; flex-flow: wrap; align-content: center; gap: 0.667rem; } /*endregion*/