File "klarna-payments-admin.min.css"

Full Path: /home/siazco/grocery.siazco.se/wp-content/plugins/klarna-payments-for-woocommerce/assets/css/klarna-payments-admin.min.css
File size: 7.19 KB
MIME-type: text/plain
Charset: utf-8

@font-face{font-family:Klarna;font-weight:300;src:url("../fonts/KlarnaText-Regular.otf") format("opentype")}@font-face{font-family:KlarnaHeadline;font-weight:700;src:url("../fonts/KlarnaText-Bold.otf") format("opentype")}.kp_settings__section{display:grid;align-items:start;grid-template-columns:1fr;grid-template-rows:min-content auto;gap:40px}.woocommerce .kp_settings__section{font-family:Klarna;margin-top:40px}.woocommerce .kp_settings__section table.form-table tr{display:flex;flex-direction:column;padding-left:20px;padding-right:20px;padding-top:20px}div.kp_settings__section_content{background:#fff;border:1px solid #e5e5e5;padding:20px;width:calc(100% - 40px);position:relative}span.kp_settings__section_toggle{cursor:pointer}.kp_settings__section_info,.kp_settings__section_preview{align-self:start;grid-row:1}.kp_settings__section_preview{width:400px}.woocommerce .kp_settings__section table.form-table tr td,.woocommerce .kp_settings__section table.form-table tr th{width:100%;padding:0;font-size:14px;font-weight:400}.woocommerce .kp_settings__section table.form-table tr th{padding-bottom:10px;font-weight:600}.woocommerce .kp_settings__section table.form-table input:not([type=checkbox]):not(.select2-search__field),.woocommerce .kp_settings__section table.form-table select{max-width:100%;width:100%;height:40px;margin:5px;padding:0 10px;border:1px solid #ccc}.woocommerce .kp_settings__section table.form-table input[type=checkbox]{margin-right:15px}.woocommerce .kp_settings__section table.form-table tr:has(input[type=hidden]){display:none}.woocommerce .kp_settings__section table.form-table .select2-container{width:100%!important;max-width:100%!important;min-width:100%!important}.kp_settings__section_previews{display:none}@media (min-width:960px) and (max-width:1300px){.kp_settings__section{grid-template-columns:1fr 3fr}.kp_settings__section_info{grid-column:1}div.kp_settings__section_content{grid-column:2;margin:auto;grid-row:1/3}}@media (min-width:1300px){.kp_settings__section{max-width:1700px;grid-template-columns:1fr 3fr 400px}div.kp_settings__section_content{grid-column:2;margin:0 auto;grid-row:1/3}.kp_settings__section_previews{display:block;grid-column:3;width:400px}}div.kp_settings__section_content .kp_settings__section_toggle{position:absolute;top:20px;right:20px;z-index:999}div.kp_settings__section_content table{display:block;height:auto;max-height:100%;overflow:hidden;transition:all .15s ease-in-out}.kp_settings__section_previews{max-height:100vh}div.kp_settings__section_content table.kp_settings__section_content_hidden{max-height:50px;pointer-events:none}.kp_settings__section_previews.kp_settings__section_content_hidden{max-height:0;display:none;pointer-events:none}div.kp_settings__section_content .kp_settings__content_gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%);pointer-events:none;z-index:999}.kp_settings__section_title.kp_settings__section_title_hidden{display:none}.kp_settings__section_previews .kp_settings_section_preview{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:0 1em 1em 1em}.kp_settings__section_previews .kp_settings_section_preview:not(:first-child){margin-top:20px}.kp_settings_section_preview .kp_settings__preview_title{font-family:KlarnaHeadline;font-size:14px}.woocommerce .kp_settings__text_info h4{font-family:KlarnaHeadline;margin:0}.kp_settings__field input:not(.select2-search__field),.kp_settings__field select{max-width:100%;width:100%;height:40px;padding:0 10px;border:1px solid #ccc}.kp_settings__field label,.kp_settings__field p.kp_settings__field_description{font-family:KlarnaHeadline;margin:0;font-size:14px}.kp_settings__header{font-family:Klarna;display:flex;gap:20px;margin-bottom:20px}.kp_settings__header h1.kp_settings__header_title{font-family:KlarnaHeadline;margin:0;padding:0}.kp_settings__header_logo{width:75px;height:75px;border:1px solid transparent;border-radius:10px}.kp_settings__header_description{margin:5px 0 0 0}.kp_settings__header_links{display:flex;flex-direction:row;gap:5px;margin:0}.woocommerce .kp_settings__section table.form-table tr:has(td fieldset input.kp_settings__credentials_field){padding-top:0}.woocommerce .kp_settings__section table.form-table tr:has(td fieldset input.kp_settings__credentials_field[type=text]:not(.kp_settings__credentials_field_client_id)){float:left;width:calc(50% - 25px);padding-right:0}.woocommerce .kp_settings__section table.form-table tr:has(td fieldset input.kp_settings__credentials_field[type=password]){float:right;width:calc(50% - 25px);padding-left:0}.woocommerce .kp_settings__section table.form-table tr:has(td fieldset input.kp_settings__credentials_field[type=password])::after{clear:both;content:".";visibility:hidden;height:0;display:block}.kp_settings__credentials{clear:both}.woocommerce table.form-table .kp_settings__credentials td fieldset{margin-top:0}.woocommerce div.kp_settings__section_content tbody:last-child tr:last-child td{margin-bottom:20px}.kp_settings__credentials fieldset{position:relative}.woocommerce table.form-table tr th label{display:inline-block}.wc-wp-version-gte-53 .woocommerce table.form-table tr th label .woocommerce-help-tip,.woocommerce table.form-table tr th label .woocommerce-help-tip{margin:-2px 0 0 0;position:relative}.woocommerce div.kp_settings__section_content tr:has(td fieldset input.kp_settings__credentials_field) th label{font-family:Klarna;font-weight:300;position:absolute;top:0;left:10px;color:grey;transition:all .2s;opacity:.6;cursor:text;user-select:none;display:inline-block}.woocommerce table.form-table tr:has(td fieldset input.kp_settings__credentials_field:placeholder-shown) th label{top:21px;font-size:14px}.woocommerce table.form-table tr:has(td fieldset input.kp_settings__credentials_field:focus) th label,.woocommerce table.form-table tr:has(td fieldset input.kp_settings__credentials_field:not(:placeholder-shown)) th label{top:5px;background:#fff;font-size:10px;padding:0 4px;opacity:1}.woocommerce table.form-table .kp_settings__credentials th label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.woocommerce .kp_settings__section table.form-table tr.kp_settings__credentials td.kp_settings__credentials_field_hidden{max-height:0;transition:max-height .15s ease-out;overflow:hidden}.woocommerce .kp_settings__section table.form-table tr.kp_settings__credentials td:not(.kp_settings__credentials_field_hidden){max-height:150px;transition:max-height .15s ease-in;overflow:hidden}.kp_settings__credentials{display:grid;grid-template-columns:1fr}.kp_settings__credentials .kp_settings__fields_credentials{display:grid;grid-template-columns:1fr 1fr}.kp_settings__credentials .kp_settings__field{margin:0 5px;position:relative}.kp_settings__credentials .kp_settings__field label{font-family:Klarna;font-weight:300;position:absolute;top:0;left:15px;color:grey;transition:all .2s;opacity:.6;cursor:text;user-select:none;display:inline-block}.kp_settings__credentials .kp_settings__field:has(input:placeholder-shown) label{top:17px;font-size:14px}.kp_settings__credentials .kp_settings__field:has(input:focus) label,.kp_settings__credentials .kp_settings__field:has(input:not(:placeholder-shown)) label{top:0;background:#fff;font-size:10px;padding:0 4px;opacity:1}