diff --git a/app/assets/builds/application.css b/app/assets/builds/application.css deleted file mode 100644 index 50eed18b5..000000000 --- a/app/assets/builds/application.css +++ /dev/null @@ -1,8291 +0,0 @@ -@charset "UTF-8"; -/* - * This combined file was created by the DataTables downloader builder: - * https://datatables.net/download - * - * To rebuild or modify this file with the latest versions of the included - * software please visit: - * https://datatables.net/download/#dt/dt-1.13.4/r-2.4.1/rg-1.3.1 - * - * Included libraries: - * DataTables 1.13.4, Responsive 2.4.1, RowGroup 1.3.1 - */ -@import url(styles.scss); -/*! - * Toastify js 1.12.0 - * https://github.com/apvarun/toastify-js - * @license MIT licensed - * - * Copyright (C) 2018 Varun A P - */ -.toastify { - padding: 12px 20px; - color: #ffffff; - display: inline-block; - box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3); - background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5); - background: linear-gradient(135deg, #73a5ff, #5477f5); - position: fixed; - opacity: 0; - transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); - border-radius: 2px; - cursor: pointer; - text-decoration: none; - max-width: calc(50% - 20px); - z-index: 2147483647; -} - -.toastify.on { - opacity: 1; -} - -.toast-close { - background: transparent; - border: 0; - color: white; - cursor: pointer; - font-family: inherit; - font-size: 1em; - opacity: 0.4; - padding: 0 5px; -} - -.toastify-right { - right: 15px; -} - -.toastify-left { - left: 15px; -} - -.toastify-top { - top: -150px; -} - -.toastify-bottom { - bottom: -150px; -} - -.toastify-rounded { - border-radius: 25px; -} - -.toastify-avatar { - width: 1.5em; - height: 1.5em; - margin: -7px 5px; - border-radius: 2px; -} - -.toastify-center { - margin-left: auto; - margin-right: auto; - left: 0; - right: 0; - max-width: fit-content; - max-width: -moz-fit-content; -} - -@media only screen and (max-width: 360px) { - .toastify-right, .toastify-left { - margin-left: auto; - margin-right: auto; - left: 0; - right: 0; - max-width: fit-content; - } -} -:root { - --dt-row-selected: 13, 110, 253; - --dt-row-selected-text: 255, 255, 255; - --dt-row-selected-link: 9, 10, 11; -} - -table.dataTable td.dt-control { - text-align: center; - cursor: pointer; -} - -table.dataTable td.dt-control:before { - height: 1em; - width: 1em; - margin-top: -9px; - display: inline-block; - color: white; - border: 0.15em solid white; - border-radius: 1em; - box-shadow: 0 0 0.2em #444; - box-sizing: content-box; - text-align: center; - text-indent: 0 !important; - font-family: "Courier New", Courier, monospace; - line-height: 1em; - content: "+"; - background-color: #31b131; -} - -table.dataTable tr.dt-hasChild td.dt-control:before { - content: "-"; - background-color: #d33333; -} - -table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, -table.dataTable thead > tr > td.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting_asc_disabled, -table.dataTable thead > tr > td.sorting_desc_disabled { - cursor: pointer; - position: relative; - padding-right: 26px; -} - -table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, -table.dataTable thead > tr > td.sorting:before, -table.dataTable thead > tr > td.sorting:after, -table.dataTable thead > tr > td.sorting_asc:before, -table.dataTable thead > tr > td.sorting_asc:after, -table.dataTable thead > tr > td.sorting_desc:before, -table.dataTable thead > tr > td.sorting_desc:after, -table.dataTable thead > tr > td.sorting_asc_disabled:before, -table.dataTable thead > tr > td.sorting_asc_disabled:after, -table.dataTable thead > tr > td.sorting_desc_disabled:before, -table.dataTable thead > tr > td.sorting_desc_disabled:after { - position: absolute; - display: block; - opacity: 0.125; - right: 10px; - line-height: 9px; - font-size: 0.8em; -} - -table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, -table.dataTable thead > tr > td.sorting:before, -table.dataTable thead > tr > td.sorting_asc:before, -table.dataTable thead > tr > td.sorting_desc:before, -table.dataTable thead > tr > td.sorting_asc_disabled:before, -table.dataTable thead > tr > td.sorting_desc_disabled:before { - bottom: 50%; - content: "▲"; - content: "▲"/""; -} - -table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, -table.dataTable thead > tr > td.sorting:after, -table.dataTable thead > tr > td.sorting_asc:after, -table.dataTable thead > tr > td.sorting_desc:after, -table.dataTable thead > tr > td.sorting_asc_disabled:after, -table.dataTable thead > tr > td.sorting_desc_disabled:after { - top: 50%; - content: "▼"; - content: "▼"/""; -} - -table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, -table.dataTable thead > tr > td.sorting_asc:before, -table.dataTable thead > tr > td.sorting_desc:after { - opacity: 0.6; -} - -table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, -table.dataTable thead > tr > td.sorting_desc_disabled:after, -table.dataTable thead > tr > td.sorting_asc_disabled:before { - display: none; -} - -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; -} - -div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after, -div.dataTables_scrollBody > table.dataTable > thead > tr > td:before, -div.dataTables_scrollBody > table.dataTable > thead > tr > td:after { - display: none; -} - -div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 2px; -} - -div.dataTables_processing > div:last-child { - position: relative; - width: 80px; - height: 15px; - margin: 1em auto; -} - -div.dataTables_processing > div:last-child > div { - position: absolute; - top: 0; - width: 13px; - height: 13px; - border-radius: 50%; - background: rgb(13, 110, 253); - background: rgb(var(--dt-row-selected)); - animation-timing-function: cubic-bezier(0, 1, 1, 0); -} - -div.dataTables_processing > div:last-child > div:nth-child(1) { - left: 8px; - animation: datatables-loader-1 0.6s infinite; -} - -div.dataTables_processing > div:last-child > div:nth-child(2) { - left: 8px; - animation: datatables-loader-2 0.6s infinite; -} - -div.dataTables_processing > div:last-child > div:nth-child(3) { - left: 32px; - animation: datatables-loader-2 0.6s infinite; -} - -div.dataTables_processing > div:last-child > div:nth-child(4) { - left: 56px; - animation: datatables-loader-3 0.6s infinite; -} - -@keyframes datatables-loader-1 { - 0% { - transform: scale(0); - } - 100% { - transform: scale(1); - } -} -@keyframes datatables-loader-3 { - 0% { - transform: scale(1); - } - 100% { - transform: scale(0); - } -} -@keyframes datatables-loader-2 { - 0% { - transform: translate(0, 0); - } - 100% { - transform: translate(24px, 0); - } -} -table.dataTable.nowrap th, table.dataTable.nowrap td { - white-space: nowrap; -} - -table.dataTable th.dt-left, -table.dataTable td.dt-left { - text-align: left; -} - -table.dataTable th.dt-center, -table.dataTable td.dt-center, -table.dataTable td.dataTables_empty { - text-align: center; -} - -table.dataTable th.dt-right, -table.dataTable td.dt-right { - text-align: right; -} - -table.dataTable th.dt-justify, -table.dataTable td.dt-justify { - text-align: justify; -} - -table.dataTable th.dt-nowrap, -table.dataTable td.dt-nowrap { - white-space: nowrap; -} - -table.dataTable thead th, -table.dataTable thead td, -table.dataTable tfoot th, -table.dataTable tfoot td { - text-align: left; -} - -table.dataTable thead th.dt-head-left, -table.dataTable thead td.dt-head-left, -table.dataTable tfoot th.dt-head-left, -table.dataTable tfoot td.dt-head-left { - text-align: left; -} - -table.dataTable thead th.dt-head-center, -table.dataTable thead td.dt-head-center, -table.dataTable tfoot th.dt-head-center, -table.dataTable tfoot td.dt-head-center { - text-align: center; -} - -table.dataTable thead th.dt-head-right, -table.dataTable thead td.dt-head-right, -table.dataTable tfoot th.dt-head-right, -table.dataTable tfoot td.dt-head-right { - text-align: right; -} - -table.dataTable thead th.dt-head-justify, -table.dataTable thead td.dt-head-justify, -table.dataTable tfoot th.dt-head-justify, -table.dataTable tfoot td.dt-head-justify { - text-align: justify; -} - -table.dataTable thead th.dt-head-nowrap, -table.dataTable thead td.dt-head-nowrap, -table.dataTable tfoot th.dt-head-nowrap, -table.dataTable tfoot td.dt-head-nowrap { - white-space: nowrap; -} - -table.dataTable tbody th.dt-body-left, -table.dataTable tbody td.dt-body-left { - text-align: left; -} - -table.dataTable tbody th.dt-body-center, -table.dataTable tbody td.dt-body-center { - text-align: center; -} - -table.dataTable tbody th.dt-body-right, -table.dataTable tbody td.dt-body-right { - text-align: right; -} - -table.dataTable tbody th.dt-body-justify, -table.dataTable tbody td.dt-body-justify { - text-align: justify; -} - -table.dataTable tbody th.dt-body-nowrap, -table.dataTable tbody td.dt-body-nowrap { - white-space: nowrap; -} - -/* - * Table styles - */ -table.dataTable { - width: 100%; - margin: 0 auto; - clear: both; - border-collapse: separate; - border-spacing: 0; - /* - * Header and footer styles - */ - /* - * Body styles - */ -} - -table.dataTable thead th, -table.dataTable tfoot th { - font-weight: bold; -} - -table.dataTable thead th, -table.dataTable thead td { - padding: 10px; - border-bottom: 1px solid rgba(0, 0, 0, 0.3); -} - -table.dataTable thead th:active, -table.dataTable thead td:active { - outline: none; -} - -table.dataTable tfoot th, -table.dataTable tfoot td { - padding: 10px 10px 6px 10px; - border-top: 1px solid rgba(0, 0, 0, 0.3); -} - -table.dataTable tbody tr { - background-color: transparent; -} - -table.dataTable tbody tr.selected > * { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9); - color: rgb(255, 255, 255); - color: rgb(var(--dt-row-selected-text)); -} - -table.dataTable tbody tr.selected a { - color: rgb(9, 10, 11); - color: rgb(var(--dt-row-selected-link)); -} - -table.dataTable tbody th, -table.dataTable tbody td { - padding: 8px 10px; -} - -table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { - border-top: 1px solid rgba(0, 0, 0, 0.15); -} - -table.dataTable.row-border tbody tr:first-child th, -table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, -table.dataTable.display tbody tr:first-child td { - border-top: none; -} - -table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { - border-top: 1px solid rgba(0, 0, 0, 0.15); - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -table.dataTable.cell-border tbody tr th:first-child, -table.dataTable.cell-border tbody tr td:first-child { - border-left: 1px solid rgba(0, 0, 0, 0.15); -} - -table.dataTable.cell-border tbody tr:first-child th, -table.dataTable.cell-border tbody tr:first-child td { - border-top: none; -} - -table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023); -} - -table.dataTable.stripe > tbody > tr.odd.selected > *, table.dataTable.display > tbody > tr.odd.selected > * { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.923)); -} - -table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035); -} - -table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * { - box-shadow: inset 0 0 0 9999px #0d6efd !important; - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 1)) !important; -} - -table.dataTable.order-column > tbody tr > .sorting_1, -table.dataTable.order-column > tbody tr > .sorting_2, -table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1, -table.dataTable.display > tbody tr > .sorting_2, -table.dataTable.display > tbody tr > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019); -} - -table.dataTable.order-column > tbody tr.selected > .sorting_1, -table.dataTable.order-column > tbody tr.selected > .sorting_2, -table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1, -table.dataTable.display > tbody tr.selected > .sorting_2, -table.dataTable.display > tbody tr.selected > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919)); -} - -table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054); -} - -table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047); -} - -table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039); -} - -table.dataTable.display > tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.954)); -} - -table.dataTable.display > tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.947)); -} - -table.dataTable.display > tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.939)); -} - -table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019); -} - -table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011); -} - -table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003); -} - -table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.919)); -} - -table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.911)); -} - -table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.903)); -} - -table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082); -} - -table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074); -} - -table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062); -} - -table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.982)); -} - -table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.974)); -} - -table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { - box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962); - box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected, 0.962)); -} - -table.dataTable.no-footer { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); -} - -table.dataTable.compact thead th, -table.dataTable.compact thead td, -table.dataTable.compact tfoot th, -table.dataTable.compact tfoot td, -table.dataTable.compact tbody th, -table.dataTable.compact tbody td { - padding: 4px; -} - -table.dataTable th, -table.dataTable td { - box-sizing: content-box; -} - -/* - * Control feature layout - */ -.dataTables_wrapper { - position: relative; - clear: both; -} - -.dataTables_wrapper .dataTables_length { - float: left; -} - -.dataTables_wrapper .dataTables_length select { - border: 1px solid #aaa; - border-radius: 3px; - padding: 5px; - background-color: transparent; - padding: 4px; -} - -.dataTables_wrapper .dataTables_filter { - float: right; - text-align: right; -} - -.dataTables_wrapper .dataTables_filter input { - border: 1px solid #aaa; - border-radius: 3px; - padding: 5px; - background-color: transparent; - margin-left: 3px; -} - -.dataTables_wrapper .dataTables_info { - clear: both; - float: left; - padding-top: 0.755em; -} - -.dataTables_wrapper .dataTables_paginate { - float: right; - text-align: right; - padding-top: 0.25em; -} - -.dataTables_wrapper .dataTables_paginate .paginate_button { - box-sizing: border-box; - display: inline-block; - min-width: 1.5em; - padding: 0.5em 1em; - margin-left: 2px; - text-align: center; - text-decoration: none !important; - cursor: pointer; - color: inherit !important; - border: 1px solid transparent; - border-radius: 2px; - background: transparent; -} - -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: inherit !important; - border: 1px solid rgba(0, 0, 0, 0.3); - background-color: rgba(230, 230, 230, 0.1); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); /* IE10+ */ - background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); /* W3C */ -} - -.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { - cursor: default; - color: #666 !important; - border: 1px solid transparent; - background: transparent; - box-shadow: none; -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: white !important; - border: 1px solid #111; - background-color: #585858; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ - background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ -} - -.dataTables_wrapper .dataTables_paginate .paginate_button:active { - outline: none; - background-color: #2b2b2b; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ - background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ - background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ - background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ - background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ - box-shadow: inset 0 0 3px #111; -} - -.dataTables_wrapper .dataTables_paginate .ellipsis { - padding: 0 1em; -} - -.dataTables_wrapper .dataTables_length, -.dataTables_wrapper .dataTables_filter, -.dataTables_wrapper .dataTables_info, -.dataTables_wrapper .dataTables_processing, -.dataTables_wrapper .dataTables_paginate { - color: inherit; -} - -.dataTables_wrapper .dataTables_scroll { - clear: both; -} - -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { - -webkit-overflow-scrolling: touch; -} - -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { - vertical-align: middle; -} - -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, -.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { - height: 0; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; -} - -.dataTables_wrapper.no-footer .dataTables_scrollBody { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); -} - -.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, -.dataTables_wrapper.no-footer div.dataTables_scrollBody > table { - border-bottom: none; -} - -.dataTables_wrapper:after { - visibility: hidden; - display: block; - content: ""; - clear: both; - height: 0; -} - -@media screen and (max-width: 767px) { - .dataTables_wrapper .dataTables_info, - .dataTables_wrapper .dataTables_paginate { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_paginate { - margin-top: 0.5em; - } -} -@media screen and (max-width: 640px) { - .dataTables_wrapper .dataTables_length, - .dataTables_wrapper .dataTables_filter { - float: none; - text-align: center; - } - .dataTables_wrapper .dataTables_filter { - margin-top: 0.5em; - } -} -table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { - cursor: default !important; -} - -table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { - display: none !important; -} - -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { - position: relative; - padding-left: 30px; - cursor: pointer; -} - -table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, -table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { - top: 50%; - left: 5px; - height: 1em; - width: 1em; - margin-top: -9px; - display: block; - position: absolute; - color: white; - border: 0.15em solid white; - border-radius: 1em; - box-shadow: 0 0 0.2em #444; - box-sizing: content-box; - text-align: center; - text-indent: 0 !important; - font-family: "Courier New", Courier, monospace; - line-height: 1em; - content: "+"; - background-color: #31b131; -} - -table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, -table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before { - content: "-"; - background-color: #d33333; -} - -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { - padding-left: 27px; -} - -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, -table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before { - left: 4px; - height: 14px; - width: 14px; - border-radius: 14px; - line-height: 14px; - text-indent: 3px; -} - -table.dataTable.dtr-column > tbody > tr > td.dtr-control, -table.dataTable.dtr-column > tbody > tr > th.dtr-control, -table.dataTable.dtr-column > tbody > tr > td.control, -table.dataTable.dtr-column > tbody > tr > th.control { - position: relative; - cursor: pointer; -} - -table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, -table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, -table.dataTable.dtr-column > tbody > tr > td.control:before, -table.dataTable.dtr-column > tbody > tr > th.control:before { - top: 50%; - left: 50%; - height: 0.8em; - width: 0.8em; - margin-top: -0.5em; - margin-left: -0.5em; - display: block; - position: absolute; - color: white; - border: 0.15em solid white; - border-radius: 1em; - box-shadow: 0 0 0.2em #444; - box-sizing: content-box; - text-align: center; - text-indent: 0 !important; - font-family: "Courier New", Courier, monospace; - line-height: 1em; - content: "+"; - background-color: #31b131; -} - -table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, -table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, -table.dataTable.dtr-column > tbody > tr.parent td.control:before, -table.dataTable.dtr-column > tbody > tr.parent th.control:before { - content: "-"; - background-color: #d33333; -} - -table.dataTable > tbody > tr.child { - padding: 0.5em 1em; -} - -table.dataTable > tbody > tr.child:hover { - background: transparent !important; -} - -table.dataTable > tbody > tr.child ul.dtr-details { - display: inline-block; - list-style-type: none; - margin: 0; - padding: 0; -} - -table.dataTable > tbody > tr.child ul.dtr-details > li { - border-bottom: 1px solid #efefef; - padding: 0.5em 0; -} - -table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { - padding-top: 0; -} - -table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { - border-bottom: none; -} - -table.dataTable > tbody > tr.child span.dtr-title { - display: inline-block; - min-width: 75px; - font-weight: bold; -} - -div.dtr-modal { - position: fixed; - box-sizing: border-box; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 100; - padding: 10em 1em; -} - -div.dtr-modal div.dtr-modal-display { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 50%; - height: 50%; - overflow: auto; - margin: auto; - z-index: 102; - overflow: auto; - background-color: #f5f5f7; - border: 1px solid black; - border-radius: 0.5em; - box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); -} - -div.dtr-modal div.dtr-modal-content { - position: relative; - padding: 1em; -} - -div.dtr-modal div.dtr-modal-close { - position: absolute; - top: 6px; - right: 6px; - width: 22px; - height: 22px; - border: 1px solid #eaeaea; - background-color: #f9f9f9; - text-align: center; - border-radius: 3px; - cursor: pointer; - z-index: 12; -} - -div.dtr-modal div.dtr-modal-close:hover { - background-color: #eaeaea; -} - -div.dtr-modal div.dtr-modal-background { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 101; - background: rgba(0, 0, 0, 0.6); -} - -@media screen and (max-width: 767px) { - div.dtr-modal div.dtr-modal-display { - width: 95%; - } -} -table.dataTable tr.dtrg-group th { - background-color: #e0e0e0; - text-align: left; -} - -table.dataTable tr.dtrg-group.dtrg-level-0 th { - font-weight: bold; -} - -table.dataTable tr.dtrg-group.dtrg-level-1 th, -table.dataTable tr.dtrg-group.dtrg-level-2 th, -table.dataTable tr.dtrg-group.dtrg-level-3 th, -table.dataTable tr.dtrg-group.dtrg-level-4 th, -table.dataTable tr.dtrg-group.dtrg-level-5 th { - background-color: #f0f0f0; - padding-top: 0.25em; - padding-bottom: 0.25em; - padding-left: 2em; - font-size: 0.9em; -} - -table.dataTable tr.dtrg-group.dtrg-level-2 th { - background-color: #f3f3f3; - padding-left: 2.5em; -} - -table.dataTable tr.dtrg-group.dtrg-level-3 th { - background-color: #f3f3f3; - padding-left: 3em; -} - -table.dataTable tr.dtrg-group.dtrg-level-4 th { - background-color: #f3f3f3; - padding-left: 3.5em; -} - -table.dataTable tr.dtrg-group.dtrg-level-5 th { - background-color: #f3f3f3; - padding-left: 4em; -} - -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; -} - -/** - * Add the correct display in IE 9-. - */ -article, -aside, -footer, -header, -nav, -section { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in IE. - */ -figcaption, -figure, -main { /* 1 */ - display: block; -} - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1em 40px; -} - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. - */ -a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ -} - -/** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ -b, -strong { - font-weight: inherit; -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Remove the border on images inside links in IE 10-. - */ -img { - border-style: none; -} - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; -} - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: sans-serif; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { /* 1 */ - text-transform: none; -} - -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS and Safari. - */ -button, -html [type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; /* 2 */ -} - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type=checkbox], -[type=radio] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type=search] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. - */ -[type=search]::-webkit-search-cancel-button, -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - */ -details, -menu { - display: block; -} - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} - -/* Scripting - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - -/** - * Add the correct display in IE. - */ -template { - display: none; -} - -/* Hidden - ========================================================================== */ -/** - * Add the correct display in IE 10-. - */ -[hidden] { - display: none; -} - -/* ========================================================================== - #RESET - ========================================================================== */ -/** - * A very simple reset that sits on top of Normalize.css. - */ -/** - * Remove trailing margins from nested lists. - */ -li > ol, -li > ul { - margin-bottom: 0; -} - -/** - * Remove default table spacing. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} - -/** - * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;` - * on fieldsets. - */ -fieldset { - min-width: 0; /* [1] */ - border: 0; -} - -/* ========================================================================== - #BOX-SIZING - ========================================================================== */ -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -input:focus, textarea:focus, select:focus, button:focus { - outline: none; -} - -/* raleway-500 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: "Raleway"; - font-style: normal; - font-weight: 500; - src: url("raleway-v28-latin-500.eot"); /* IE9 Compat Modes */ - src: url("raleway-v28-latin-500.eot?#iefix") format("embedded-opentype"), url("raleway-v28-latin-500.woff2") format("woff2"), url("raleway-v28-latin-500.woff") format("woff"), url("raleway-v28-latin-500.ttf") format("truetype"), url("raleway-v28-latin-500.svg#Raleway") format("svg"); /* Legacy iOS */ -} -/* raleway-800 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: "Raleway"; - font-style: normal; - font-weight: 800; - src: url("raleway-v28-latin-800.eot"); /* IE9 Compat Modes */ - src: url("raleway-v28-latin-800.eot?#iefix") format("embedded-opentype"), url("raleway-v28-latin-800.woff2") format("woff2"), url("raleway-v28-latin-800.woff") format("woff"), url("raleway-v28-latin-800.ttf") format("truetype"), url("raleway-v28-latin-800.svg#Raleway") format("svg"); /* Legacy iOS */ -} -/* raleway-900 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: "Raleway"; - font-style: normal; - font-weight: 900; - src: url("raleway-v28-latin-900.eot"); /* IE9 Compat Modes */ - src: url("raleway-v28-latin-900.eot?#iefix") format("embedded-opentype"), url("raleway-v28-latin-900.woff2") format("woff2"), url("raleway-v28-latin-900.woff") format("woff"), url("raleway-v28-latin-900.ttf") format("truetype"), url("raleway-v28-latin-900.svg#Raleway") format("svg"); /* Legacy iOS */ -} -.o-container { - padding-right: 1rem; - padding-left: 1rem; -} -.o-container:not(.is-fluid) { - margin: 0 auto; -} -@media only screen and (min-width: 1140px) { - .o-container:not(.is-fluid) { - width: 100%; - max-width: 1110px; - } -} -@media only screen and (min-width: 1250px) { - .o-container:not(.is-fluid) { - width: 100%; - max-width: 1210px; - } -} -@media only screen and (min-width: 1410px) { - .o-container:not(.is-fluid) { - width: 100%; - max-width: 1360px; - } -} -@media only screen and (min-width: 1800px) { - .o-container:not(.is-fluid) { - width: 100%; - max-width: 1400px; - } -} - -.o-container-sm { - margin: 0 auto; - padding-right: 1rem; - padding-left: 1rem; - width: 100%; -} -@media only screen and (min-width: 1140px) { - .o-container-sm { - max-width: 1110px; - } -} -@media only screen and (min-width: 1250px) { - .o-container-sm { - max-width: 1210px; - } -} -@media only screen and (min-width: 1410px) { - .o-container-sm { - max-width: 1360px; - } -} -@media only screen and (min-width: 1800px) { - .o-container-sm { - max-width: 1400px; - } -} - -.o-container-md { - margin: 0 auto; - padding-right: 1rem; - padding-left: 1rem; - width: 100%; -} -@media only screen and (min-width: 1250px) { - .o-container-md { - max-width: 1210px; - } -} -@media only screen and (min-width: 1410px) { - .o-container-md { - max-width: 1360px; - } -} -@media only screen and (min-width: 1800px) { - .o-container-md { - max-width: 1400px; - } -} - -.o-container-lg { - margin: 0 auto; - padding-right: 1rem; - padding-left: 1rem; - width: 100%; -} -@media only screen and (min-width: 1410px) { - .o-container-lg { - max-width: 1360px; - } -} -@media only screen and (min-width: 1800px) { - .o-container-lg { - max-width: 1400px; - } -} - -.o-container-xl { - margin: 0 auto; - padding-right: 1rem; - padding-left: 1rem; - width: 100%; -} -@media only screen and (min-width: 1800px) { - .o-container-xl { - max-width: 1400px; - } -} - -body { - font-size: 16px; - font-family: "Raleway", Arial, sans-serif; - color: #212224; -} - -html { - font-family: "Raleway", Arial, sans-serif; -} - -a { - cursor: pointer; - transition: 0.25s; -} - -button { - transition: 0.25s; - cursor: pointer; -} - -strong { - font-weight: 800; -} - -svg { - transition: 0.25s; -} - -table { - border-collapse: collapse; - width: 100%; -} - -th, td { - height: rem(50px); - padding: rem(8px 16px); - font-weight: 500; - font-size: 14px; - line-height: rem(24px); - text-align: left; -} -th *, td * { - vertical-align: middle; -} - -td { - border-right: 1px solid #E2E2E2; - border-bottom: 1px solid #E2E2E2; -} -td:last-child { - border-right: 0; -} - -th { - background: #48A23F; - color: #FFFFFF; - font-weight: 800; -} - -.table--black th { - background: #212224; -} - -input { - font-weight: 500; - font-size: rem(14px); - height: rem(48px); - line-height: rem(24px); - padding: rem(12px 16px); - border: 1px solid #E2E2E2; - border-radius: rem(8px); - transition: 0.25s; - width: 100%; - max-width: 100%; - color: #212224; - font-family: "Raleway", Arial, sans-serif; -} -input:focus { - border-color: #212224; -} -input:disabled { - color: #A7A8AA; - border-color: #E2E2E2; -} -input:disabled::placeholder { - color: #A7A8AA; -} - -textarea { - font-weight: 500; - font-size: rem(14px); - line-height: rem(24px); - padding: rem(12px 16px); - border: 1px solid #E2E2E2; - border-radius: rem(8px); - transition: 0.25s; - width: 100%; - max-width: 100%; -} -textarea:focus { - border-color: #212224; -} -textarea:disabled { - color: #A7A8AA; - border-color: #E2E2E2; -} -textarea:disabled::placeholder { - color: #A7A8AA; -} - -select { - font-weight: 500; - font-size: rem(14px); - height: rem(48px); - line-height: rem(24px); - padding: rem(12px 16px); - border: 1px solid #E2E2E2; - border-radius: rem(8px); - transition: 0.25s; - width: 100%; - max-width: 100%; - appearance: none; - background: transparent 97.5% center/10px 6px no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47343 5.77219L0.218112 1.32775C-0.072704 1.02401 -0.072704 0.531547 0.218112 0.227806C0.508928 -0.0759353 0.980434 -0.0759353 1.27125 0.227806L5 4.12228L8.72875 0.227806C9.01957 -0.0759353 9.49107 -0.0759353 9.78189 0.227806C10.0727 0.531547 10.0727 1.02401 9.78189 1.32775L5.52657 5.77219C5.23575 6.07594 4.76425 6.07594 4.47343 5.77219Z' fill='%23212224'/%3E%3C/svg%3E%0A"); -} -select:focus { - border-color: #212224; -} -select:disabled { - color: #A7A8AA; - border-color: #E2E2E2; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47343 5.77219L0.218112 1.32775C-0.072704 1.02401 -0.072704 0.531547 0.218112 0.227806C0.508928 -0.0759353 0.980434 -0.0759353 1.27125 0.227806L5 4.12228L8.72875 0.227806C9.01957 -0.0759353 9.49107 -0.0759353 9.78189 0.227806C10.0727 0.531547 10.0727 1.02401 9.78189 1.32775L5.52657 5.77219C5.23575 6.07594 4.76425 6.07594 4.47343 5.77219Z' fill='%23E2E2E2'/%3E%3C/svg%3E%0A"); -} -select:disabled::placeholder { - color: #A7A8AA; -} - -label { - padding-left: rem(16px); - margin-bottom: rem(8px); - display: block; - font-weight: 800; - font-size: rem(14px); - line-height: rem(24px); -} - -input:not([type=checkbox]):not([type=radio]).is-invalid, select.is-invalid, textarea.is-invalid { - border-color: #FF6E00; - background-color: #FFEEE1; -} -input:not([type=checkbox]):not([type=radio]).is-invalid + span, select.is-invalid + span, textarea.is-invalid + span { - color: #FF6E00; -} - -/*! - * Hamburgers - * @description Tasty CSS-animated hamburgers - * @author Jonathan Suh @jonsuh - * @site https://jonsuh.com/hamburgers - * @link https://github.com/jonsuh/hamburgers - */ -.hamburger { - padding: 8px 15px; - display: inline-block; - cursor: pointer; - transition-property: opacity, filter; - transition-duration: 0.15s; - transition-timing-function: linear; - font: inherit; - color: inherit; - text-transform: none; - background-color: transparent; - border: 0; - margin: 0; - overflow: visible; -} -.hamburger:hover { - opacity: 1; -} -.hamburger.is-active:hover { - opacity: 1; -} -.hamburger.is-active .hamburger-inner, -.hamburger.is-active .hamburger-inner::before, -.hamburger.is-active .hamburger-inner::after { - background-color: #FFFFFF; -} - -.hamburger-box { - width: 24px; - height: 12px; - display: inline-block; - position: relative; -} - -.hamburger-inner { - display: block; - top: 50%; - margin-top: -1px; -} -.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { - width: 24px; - height: 2px; - background-color: #fff; - border-radius: 0px; - position: absolute; - transition-property: transform; - transition-duration: 0.15s; - transition-timing-function: ease; -} -.hamburger-inner::before, .hamburger-inner::after { - content: ""; - display: block; -} -.hamburger-inner::before { - top: -12px; -} -.hamburger-inner::after { - bottom: -12px; -} - -.hamburger-inner::after { - display: none; -} - -/* - * Collapse - */ -.hamburger--collapse .hamburger-inner { - top: auto; - bottom: 0; - transition-duration: 0.13s; - transition-delay: 0.13s; - transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -} -.hamburger--collapse .hamburger-inner::after { - top: -24px; - transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -} -.hamburger--collapse .hamburger-inner::before { - transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -} -.hamburger--collapse.is-active .hamburger-inner { - transform: translate3d(0, -6px, 0) rotate(-45deg); - transition-delay: 0.22s; - transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -} -.hamburger--collapse.is-active .hamburger-inner::after { - transform: rotate(-90deg); - top: 0; - opacity: 0; - transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -} -.hamburger--collapse.is-active .hamburger-inner::before { - top: 0; - transform: rotate(-90deg); - transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -} - -.o-arrow { - width: 1.2rem; - height: 1.2rem; - background: url("arrow-dwn.svg") center center/16px 16px no-repeat; - cursor: pointer; - display: inline-block; - transition: 0.25s; -} -@media all and (min-width: 1120px) { - .o-arrow { - display: none; - } -} -.o-arrow.is-active { - transform: rotate(180deg); -} - -@media all and (min-width: 1120px) { - .o-arrow--visible-on-desktop { - display: inline-block; - } -} - -.o-spacer--header { - margin-top: 0; -} -@media all and (min-width: 1120px) { - .o-spacer--header { - margin-top: 3.75rem; - } -} - -.o-grid { - display: grid; - grid-template-columns: repeat(1, 1fr); - row-gap: 1.5rem; - column-gap: 1.25rem; -} -@media all and (min-width: 1120px) { - .o-grid { - column-gap: 2rem; - row-gap: 2rem; - } -} -@media all and (min-width: 1300px) { - .o-grid { - column-gap: 2.5rem; - row-gap: 2.5rem; - } -} -@media all and (min-width: 1600px) { - .o-grid { - column-gap: 3rem; - row-gap: 3rem; - } -} - -@media all and (min-width: 768px) { - .o-grid--two-col { - grid-template-columns: repeat(2, 1fr); - } -} - -@media all and (min-width: 992px) { - .o-grid--two-col-laptop { - grid-template-columns: repeat(2, 1fr); - } -} - -@media all and (min-width: 1120px) { - .o-grid--two-col-desktop { - grid-template-columns: repeat(2, 1fr); - } -} - -@media all and (min-width: 768px) { - .o-grid--three-col { - grid-template-columns: repeat(3, 1fr); - } -} - -.o-grid--sep { - row-gap: 3rem; -} - -.o-grid--wishlist { - row-gap: 1.5rem; -} -@media all and (min-width: 768px) { - .o-grid--wishlist { - row-gap: 2.5rem; - } -} -@media all and (min-width: 992px) { - .o-grid--wishlist { - row-gap: 0; - } -} - -.o-grid--auction { - column-gap: 1.5rem; -} -@media all and (min-width: 768px) { - .o-grid--auction { - column-gap: 3.125rem; - } -} - -.o-grid--auction-cards { - column-gap: 1rem; -} -@media all and (min-width: 992px) { - .o-grid--auction-cards { - column-gap: 3rem; - } -} - -.c-account .o-grid--two-col, -.c-login .o-grid--two-col { - grid-template-columns: repeat(1, 1fr); -} -@media all and (min-width: 992px) { - .c-account .o-grid--two-col, - .c-login .o-grid--two-col { - grid-template-columns: repeat(2, 1fr); - } -} -.c-account .o-grid--sep, -.c-login .o-grid--sep { - row-gap: 1.25rem; -} -@media all and (min-width: 768px) { - .c-account .o-grid--sep, - .c-login .o-grid--sep { - row-gap: 2.5rem; - } -} -@media all and (min-width: 992px) { - .c-account .o-grid--sep, - .c-login .o-grid--sep { - row-gap: 3.125rem; - column-gap: 3.125rem; - } -} - -.o-logo-icon { - display: inline-block; - vertical-align: middle; - width: 2.0625rem; - height: 2.0625rem; - background: center center/100% no-repeat; - background-image: url('data:image/svg+xml,'); -} - -.o-io-icon { - display: inline-block; - vertical-align: middle; - width: 0.9375rem; - height: 0.9375rem; - background: center center/100% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.72869 0.772727V9.5H0.883523V0.772727H2.72869ZM12.2667 5.13636C12.2667 6.08807 12.0863 6.89773 11.7255 7.56534C11.3675 8.23295 10.8789 8.7429 10.2596 9.09517C9.64311 9.4446 8.94993 9.61932 8.18004 9.61932C7.40447 9.61932 6.70845 9.44318 6.09197 9.09091C5.4755 8.73864 4.98828 8.22869 4.63033 7.56108C4.27237 6.89347 4.09339 6.08523 4.09339 5.13636C4.09339 4.18466 4.27237 3.375 4.63033 2.70739C4.98828 2.03977 5.4755 1.53125 6.09197 1.18182C6.70845 0.829545 7.40447 0.653409 8.18004 0.653409C8.94993 0.653409 9.64311 0.829545 10.2596 1.18182C10.8789 1.53125 11.3675 2.03977 11.7255 2.70739C12.0863 3.375 12.2667 4.18466 12.2667 5.13636ZM10.396 5.13636C10.396 4.51989 10.3036 4 10.119 3.5767C9.93714 3.15341 9.68004 2.83239 9.34766 2.61364C9.01527 2.39489 8.62607 2.28551 8.18004 2.28551C7.73402 2.28551 7.34482 2.39489 7.01243 2.61364C6.68004 2.83239 6.42152 3.15341 6.23686 3.5767C6.05504 4 5.96413 4.51989 5.96413 5.13636C5.96413 5.75284 6.05504 6.27273 6.23686 6.69602C6.42152 7.11932 6.68004 7.44034 7.01243 7.65909C7.34482 7.87784 7.73402 7.98722 8.18004 7.98722C8.62607 7.98722 9.01527 7.87784 9.34766 7.65909C9.68004 7.44034 9.93714 7.11932 10.119 6.69602C10.3036 6.27273 10.396 5.75284 10.396 5.13636Z' fill='%230085CA'/%3E%3C/svg%3E%0A"); -} - -.o-po-icon { - display: inline-block; - vertical-align: middle; - width: 1.125rem; - height: 0.9375rem; - background: center center/100% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.180398 9.5V0.772727H3.62358C4.28551 0.772727 4.84943 0.899148 5.31534 1.15199C5.78125 1.40199 6.13636 1.75 6.38068 2.19602C6.62784 2.6392 6.75142 3.15057 6.75142 3.73011C6.75142 4.30966 6.62642 4.82102 6.37642 5.2642C6.12642 5.70739 5.7642 6.05256 5.28977 6.29972C4.81818 6.54687 4.24716 6.67045 3.5767 6.67045H1.3821V5.19176H3.27841C3.63352 5.19176 3.92614 5.13068 4.15625 5.00852C4.3892 4.88352 4.5625 4.71165 4.67614 4.4929C4.79261 4.27131 4.85085 4.01705 4.85085 3.73011C4.85085 3.44034 4.79261 3.1875 4.67614 2.97159C4.5625 2.75284 4.3892 2.58381 4.15625 2.46449C3.9233 2.34233 3.62784 2.28125 3.26989 2.28125H2.02557V9.5H0.180398ZM15.9698 5.13636C15.9698 6.08807 15.7894 6.89773 15.4286 7.56534C15.0707 8.23295 14.582 8.7429 13.9627 9.09517C13.3462 9.4446 12.6531 9.61932 11.8832 9.61932C11.1076 9.61932 10.4116 9.44318 9.7951 9.09091C9.17862 8.73864 8.69141 8.22869 8.33345 7.56108C7.9755 6.89347 7.79652 6.08523 7.79652 5.13636C7.79652 4.18466 7.9755 3.375 8.33345 2.70739C8.69141 2.03977 9.17862 1.53125 9.7951 1.18182C10.4116 0.829545 11.1076 0.653409 11.8832 0.653409C12.6531 0.653409 13.3462 0.829545 13.9627 1.18182C14.582 1.53125 15.0707 2.03977 15.4286 2.70739C15.7894 3.375 15.9698 4.18466 15.9698 5.13636ZM14.0991 5.13636C14.0991 4.51989 14.0067 4 13.8221 3.5767C13.6403 3.15341 13.3832 2.83239 13.0508 2.61364C12.7184 2.39489 12.3292 2.28551 11.8832 2.28551C11.4371 2.28551 11.0479 2.39489 10.7156 2.61364C10.3832 2.83239 10.1246 3.15341 9.93999 3.5767C9.75817 4 9.66726 4.51989 9.66726 5.13636C9.66726 5.75284 9.75817 6.27273 9.93999 6.69602C10.1246 7.11932 10.3832 7.44034 10.7156 7.65909C11.0479 7.87784 11.4371 7.98722 11.8832 7.98722C12.3292 7.98722 12.7184 7.87784 13.0508 7.65909C13.3832 7.44034 13.6403 7.11932 13.8221 6.69602C14.0067 6.27273 14.0991 5.75284 14.0991 5.13636Z' fill='%23FF6E00'/%3E%3C/svg%3E%0A"); -} - -.o-io-icon--bg-blue { - background-color: #DAF2FF; - width: 2rem; - min-width: 2rem; - height: 2rem; - display: flex; - align-items: center; - justify-content: center; - border-radius: 1rem; - background-size: 0.9375rem; -} - -.o-io-icon--bg-orange { - background-color: #FFEEE1; - width: 2rem; - min-width: 2rem; - height: 2rem; - display: flex; - align-items: center; - justify-content: center; - border-radius: 1rem; - background-size: 0.9375rem; -} - -.o-icon--sm { - height: 1.25rem; -} - -.o-trophy-icon { - display: inline-block; - vertical-align: middle; - width: 1.5rem; - height: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_657_13218)'%3E%3Cpath d='M9.9987 15.25C6.8737 15.25 4.33203 12.7083 4.33203 9.62498V1.04165C4.33203 0.583313 4.70703 0.208313 5.16536 0.208313H14.832C15.2904 0.208313 15.6654 0.583313 15.6654 1.04165V9.62498C15.6654 12.75 13.1237 15.25 9.9987 15.25ZM5.9987 1.83331V9.62498C5.9987 11.8333 7.79036 13.625 9.9987 13.625C12.207 13.625 13.9987 11.8333 13.9987 9.62498V1.83331H5.9987Z' fill='%2348A23F'/%3E%3Cpath d='M10.0013 19.7917C9.54297 19.7917 9.16797 19.4167 9.16797 18.9583V14.4583C9.16797 14 9.54297 13.625 10.0013 13.625C10.4596 13.625 10.8346 14 10.8346 14.4583V19C10.8346 19.4167 10.4596 19.7917 10.0013 19.7917Z' fill='%2348A23F'/%3E%3Cpath d='M13.5417 19.7917H6.45833C6 19.7917 5.625 19.4167 5.625 18.9583C5.625 18.5 6 18.125 6.45833 18.125H13.5417C14 18.125 14.375 18.5 14.375 18.9583C14.375 19.4167 14 19.7917 13.5417 19.7917Z' fill='%2348A23F'/%3E%3Cpath d='M16.2904 9.16669C15.6237 9.16669 14.957 8.95835 14.3737 8.58335C14.1237 8.41669 13.9987 8.16669 13.9987 7.91669V3.41669C13.9987 3.12502 14.1237 2.87502 14.3737 2.75002C14.957 2.37502 15.582 2.16669 16.2904 2.16669C18.207 2.16669 19.7904 3.75002 19.7904 5.66669C19.7904 7.58335 18.207 9.16669 16.2904 9.16669ZM15.6654 7.41669C15.8737 7.50002 16.082 7.54169 16.2904 7.54169C17.332 7.54169 18.1654 6.70835 18.1654 5.66669C18.1654 4.62502 17.332 3.79169 16.2904 3.79169C16.082 3.79169 15.832 3.83335 15.6654 3.91669V7.41669ZM3.70703 9.16669C1.79036 9.16669 0.207031 7.58335 0.207031 5.66669C0.207031 3.75002 1.79036 2.16669 3.70703 2.16669C4.3737 2.16669 5.04036 2.37502 5.6237 2.75002C5.8737 2.91669 5.9987 3.16669 5.9987 3.41669V7.91669C5.9987 8.20835 5.8737 8.45835 5.6237 8.58335C5.04036 8.95835 4.3737 9.16669 3.70703 9.16669ZM3.70703 3.79169C2.66536 3.79169 1.83203 4.62502 1.83203 5.66669C1.83203 6.70835 2.66536 7.54169 3.70703 7.54169C3.91536 7.54169 4.16536 7.50002 4.33203 7.41669V3.91669C4.16536 3.83335 3.91536 3.79169 3.70703 3.79169Z' fill='%2348A23F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_657_13218'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); -} - -.o-hammer-icon { - display: inline-block; - vertical-align: middle; - width: 1.5rem; - height: 1.5rem; - min-width: 1.5rem; - min-height: 1.5rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7 16.3L11.9 9.50001L14.7 6.70001C15.5 5.90001 15.5 4.50001 14.7 3.70001L12.3 1.30001C11.5 0.500012 10.1 0.500012 9.3 1.30001L2.8 7.80001C2 8.60001 2 10 2.8 10.8L5.2 13.2C5.6 13.6 6.2 13.8 6.7 13.8C7.2 13.8 7.8 13.6 8.2 13.2L10.5 10.9L17.3 17.7C17.5 17.9 17.8 18 18 18C18.2 18 18.5 17.9 18.7 17.7C19.1 17.3 19.1 16.7 18.7 16.3ZM6.8 11.8C6.8 11.8 6.7 11.8 6.6 11.8L4.2 9.40001C4.2 9.40001 4.2 9.30001 4.2 9.20001L10.7 2.70001H10.8H10.9L13.3 5.10001C13.3 5.10001 13.3 5.20001 13.3 5.30001L6.8 11.8ZM13 19H1C0.4 19 0 18.6 0 18C0 17.4 0.4 17 1 17H13C13.6 17 14 17.4 14 18C14 18.6 13.6 19 13 19Z' fill='%23FF6E00'/%3E%3C/svg%3E%0A"); -} - -.o-edit-icon { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9335 2.89333L9.10686 1.06666C8.86846 0.842727 8.55606 0.714236 8.22908 0.705632C7.90211 0.697027 7.58338 0.80891 7.33353 1.02L1.33353 7.02C1.11804 7.23731 0.983867 7.52213 0.953531 7.82666L0.666864 10.6067C0.657884 10.7043 0.670554 10.8027 0.703972 10.8949C0.73739 10.9871 0.790733 11.0708 0.860198 11.14C0.922491 11.2018 0.996369 11.2507 1.07759 11.2838C1.15882 11.317 1.24579 11.3338 1.33353 11.3333H1.39353L4.17353 11.08C4.47806 11.0497 4.76289 10.9155 4.9802 10.7L10.9802 4.7C11.2131 4.45397 11.3389 4.12567 11.3302 3.78702C11.3214 3.44837 11.1788 3.127 10.9335 2.89333ZM4.05353 9.74666L2.05353 9.93333L2.23353 7.93333L6.0002 4.21333L7.8002 6.01333L4.05353 9.74666ZM8.66686 5.12L6.8802 3.33333L8.1802 2L10.0002 3.82L8.66686 5.12Z' fill='black'/%3E%3C/svg%3E%0A"); -} - -.c-btn--icon:hover .o-edit-icon { - background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9335 2.89333L9.10686 1.06666C8.86846 0.842727 8.55606 0.714236 8.22908 0.705632C7.90211 0.697027 7.58338 0.80891 7.33353 1.02L1.33353 7.02C1.11804 7.23731 0.983867 7.52213 0.953531 7.82666L0.666864 10.6067C0.657884 10.7043 0.670554 10.8027 0.703972 10.8949C0.73739 10.9871 0.790733 11.0708 0.860198 11.14C0.922491 11.2018 0.996369 11.2507 1.07759 11.2838C1.15882 11.317 1.24579 11.3338 1.33353 11.3333H1.39353L4.17353 11.08C4.47806 11.0497 4.76289 10.9155 4.9802 10.7L10.9802 4.7C11.2131 4.45397 11.3389 4.12567 11.3302 3.78702C11.3214 3.44837 11.1788 3.127 10.9335 2.89333ZM4.05353 9.74666L2.05353 9.93333L2.23353 7.93333L6.0002 4.21333L7.8002 6.01333L4.05353 9.74666ZM8.66686 5.12L6.8802 3.33333L8.1802 2L10.0002 3.82L8.66686 5.12Z' fill='%2348A23F'/%3E%3C/svg%3E%0A"); -} - -.o-fp-icon { - display: inline-block; - vertical-align: middle; - width: 1.5625rem; - height: 1.5625rem; - min-width: 1.5625rem; - min-height: 1.5625rem; - background: center center/85% no-repeat; - background-image: url('data:image/svg+xml,'); -} - -.o-bill-icon { - display: inline-block; - vertical-align: middle; - width: 1.5625rem; - height: 1.5625rem; - min-width: 1.5625rem; - min-height: 1.5625rem; - background: center center/85% no-repeat; - background-image: url('data:image/svg+xml,'); -} - -.o-edit-icon--green { - display: inline-block; - vertical-align: middle; - width: 1.125rem; - height: 1.125rem; - min-width: 1.125rem; - min-height: 1.125rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9335 2.89333L9.10686 1.06666C8.86846 0.842727 8.55606 0.714236 8.22908 0.705632C7.90211 0.697027 7.58338 0.80891 7.33353 1.02L1.33353 7.02C1.11804 7.23731 0.983867 7.52213 0.953531 7.82666L0.666864 10.6067C0.657884 10.7043 0.670554 10.8027 0.703972 10.8949C0.73739 10.9871 0.790733 11.0708 0.860198 11.14C0.922491 11.2018 0.996369 11.2507 1.07759 11.2838C1.15882 11.317 1.24579 11.3338 1.33353 11.3333H1.39353L4.17353 11.08C4.47806 11.0497 4.76289 10.9155 4.9802 10.7L10.9802 4.7C11.2131 4.45397 11.3389 4.12567 11.3302 3.78702C11.3214 3.44837 11.1788 3.127 10.9335 2.89333ZM4.05353 9.74666L2.05353 9.93333L2.23353 7.93333L6.0002 4.21333L7.8002 6.01333L4.05353 9.74666ZM8.66686 5.12L6.8802 3.33333L8.1802 2L10.0002 3.82L8.66686 5.12Z' fill='%2348A23F'/%3E%3C/svg%3E%0A"); -} - -.o-delete-icon { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.54351C0 2.69147 0.0587754 2.83337 0.163396 2.93799C0.268017 3.04261 0.409914 3.10138 0.55787 3.10138H0.8554V9.69354C0.855892 10.1803 1.04945 10.647 1.3936 10.9912C1.73776 11.3354 2.20441 11.5291 2.69116 11.5297H7.30884C7.79559 11.5291 8.26224 11.3354 8.6064 10.9912C8.95055 10.647 9.14411 10.1803 9.1446 9.69354V3.10138H9.44213C9.59009 3.10138 9.73198 3.04261 9.8366 2.93799C9.94122 2.83337 10 2.69147 10 2.54351C10 2.39556 9.94122 2.25366 9.8366 2.14904C9.73198 2.04442 9.59009 1.98564 9.44213 1.98564H7.48959V1.40992C7.48959 0.632624 6.85733 0 6.08004 0H3.91996C3.14267 0 2.51041 0.632252 2.51041 1.40992V1.98527H0.55787C0.409914 1.98527 0.268017 2.04405 0.163396 2.14867C0.0587754 2.25329 0 2.39556 0 2.54351ZM3.62615 1.41029C3.62615 1.24777 3.75781 1.11611 3.91996 1.11611H6.08004C6.24219 1.11611 6.37385 1.24777 6.37385 1.41029V1.98564H3.62578V1.40992L3.62615 1.41029ZM1.97114 3.10138H8.02886V9.69354C8.02866 9.88448 7.95275 10.0675 7.81778 10.2026C7.6828 10.3376 7.49977 10.4136 7.30884 10.4139H2.69116C2.50023 10.4136 2.3172 10.3376 2.18222 10.2026C2.04725 10.0675 1.97134 9.88448 1.97114 9.69354V3.10138Z' fill='black'/%3E%3Cpath d='M3.61256 9.38725C3.76051 9.38725 3.90241 9.32847 4.00703 9.22385C4.11165 9.11923 4.17043 8.97733 4.17043 8.82938V4.68775C4.17043 4.5398 4.11165 4.3979 4.00703 4.29328C3.90241 4.18866 3.76051 4.12988 3.61256 4.12988C3.4646 4.12988 3.3227 4.18866 3.21808 4.29328C3.11346 4.3979 3.05469 4.5398 3.05469 4.68775V8.82938C3.05469 8.97733 3.11346 9.11923 3.21808 9.22385C3.3227 9.32847 3.4646 9.38725 3.61256 9.38725ZM6.38554 9.38725C6.5335 9.38725 6.67539 9.32847 6.78001 9.22385C6.88463 9.11923 6.94341 8.97733 6.94341 8.82938V4.68775C6.94341 4.5398 6.88463 4.3979 6.78001 4.29328C6.67539 4.18866 6.5335 4.12988 6.38554 4.12988C6.23758 4.12988 6.09569 4.18866 5.99107 4.29328C5.88645 4.3979 5.82767 4.5398 5.82767 4.68775V8.82938C5.82767 8.97733 5.88645 9.11923 5.99107 9.22385C6.09569 9.32847 6.23758 9.38725 6.38554 9.38725Z' fill='black'/%3E%3C/svg%3E%0A"); -} - -.c-btn--icon:hover .o-delete-icon { - background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.54351C0 2.69147 0.0587754 2.83337 0.163396 2.93799C0.268017 3.04261 0.409914 3.10138 0.55787 3.10138H0.8554V9.69354C0.855892 10.1803 1.04945 10.647 1.3936 10.9912C1.73776 11.3354 2.20441 11.5291 2.69116 11.5297H7.30884C7.79559 11.5291 8.26224 11.3354 8.6064 10.9912C8.95055 10.647 9.14411 10.1803 9.1446 9.69354V3.10138H9.44213C9.59009 3.10138 9.73198 3.04261 9.8366 2.93799C9.94122 2.83337 10 2.69147 10 2.54351C10 2.39556 9.94122 2.25366 9.8366 2.14904C9.73198 2.04442 9.59009 1.98564 9.44213 1.98564H7.48959V1.40992C7.48959 0.632624 6.85733 0 6.08004 0H3.91996C3.14267 0 2.51041 0.632252 2.51041 1.40992V1.98527H0.55787C0.409914 1.98527 0.268017 2.04405 0.163396 2.14867C0.0587754 2.25329 0 2.39556 0 2.54351ZM3.62615 1.41029C3.62615 1.24777 3.75781 1.11611 3.91996 1.11611H6.08004C6.24219 1.11611 6.37385 1.24777 6.37385 1.41029V1.98564H3.62578V1.40992L3.62615 1.41029ZM1.97114 3.10138H8.02886V9.69354C8.02866 9.88448 7.95275 10.0675 7.81778 10.2026C7.6828 10.3376 7.49977 10.4136 7.30884 10.4139H2.69116C2.50023 10.4136 2.3172 10.3376 2.18222 10.2026C2.04725 10.0675 1.97134 9.88448 1.97114 9.69354V3.10138Z' fill='%2348A23F'/%3E%3Cpath d='M3.61256 9.38725C3.76051 9.38725 3.90241 9.32847 4.00703 9.22385C4.11165 9.11923 4.17043 8.97733 4.17043 8.82938V4.68775C4.17043 4.5398 4.11165 4.3979 4.00703 4.29328C3.90241 4.18866 3.76051 4.12988 3.61256 4.12988C3.4646 4.12988 3.3227 4.18866 3.21808 4.29328C3.11346 4.3979 3.05469 4.5398 3.05469 4.68775V8.82938C3.05469 8.97733 3.11346 9.11923 3.21808 9.22385C3.3227 9.32847 3.4646 9.38725 3.61256 9.38725ZM6.38554 9.38725C6.5335 9.38725 6.67539 9.32847 6.78001 9.22385C6.88463 9.11923 6.94341 8.97733 6.94341 8.82938V4.68775C6.94341 4.5398 6.88463 4.3979 6.78001 4.29328C6.67539 4.18866 6.5335 4.12988 6.38554 4.12988C6.23758 4.12988 6.09569 4.18866 5.99107 4.29328C5.88645 4.3979 5.82767 4.5398 5.82767 4.68775V8.82938C5.82767 8.97733 5.88645 9.11923 5.99107 9.22385C6.09569 9.32847 6.23758 9.38725 6.38554 9.38725Z' fill='%2348A23F'/%3E%3C/svg%3E%0A"); -} - -.o-delete-icon--red { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.54351C0 2.69147 0.0587754 2.83337 0.163396 2.93799C0.268017 3.04261 0.409914 3.10138 0.55787 3.10138H0.8554V9.69354C0.855892 10.1803 1.04945 10.647 1.3936 10.9912C1.73776 11.3354 2.20441 11.5291 2.69116 11.5297H7.30884C7.79559 11.5291 8.26224 11.3354 8.6064 10.9912C8.95055 10.647 9.14411 10.1803 9.1446 9.69354V3.10138H9.44213C9.59009 3.10138 9.73198 3.04261 9.8366 2.93799C9.94122 2.83337 10 2.69147 10 2.54351C10 2.39556 9.94122 2.25366 9.8366 2.14904C9.73198 2.04442 9.59009 1.98564 9.44213 1.98564H7.48959V1.40992C7.48959 0.632624 6.85733 0 6.08004 0H3.91996C3.14267 0 2.51041 0.632252 2.51041 1.40992V1.98527H0.55787C0.409914 1.98527 0.268017 2.04405 0.163396 2.14867C0.0587754 2.25329 0 2.39556 0 2.54351ZM3.62615 1.41029C3.62615 1.24777 3.75781 1.11611 3.91996 1.11611H6.08004C6.24219 1.11611 6.37385 1.24777 6.37385 1.41029V1.98564H3.62578V1.40992L3.62615 1.41029ZM1.97114 3.10138H8.02886V9.69354C8.02866 9.88448 7.95275 10.0675 7.81778 10.2026C7.6828 10.3376 7.49977 10.4136 7.30884 10.4139H2.69116C2.50023 10.4136 2.3172 10.3376 2.18222 10.2026C2.04725 10.0675 1.97134 9.88448 1.97114 9.69354V3.10138Z' fill='%23fc2043'/%3E%3Cpath d='M3.61256 9.38725C3.76051 9.38725 3.90241 9.32847 4.00703 9.22385C4.11165 9.11923 4.17043 8.97733 4.17043 8.82938V4.68775C4.17043 4.5398 4.11165 4.3979 4.00703 4.29328C3.90241 4.18866 3.76051 4.12988 3.61256 4.12988C3.4646 4.12988 3.3227 4.18866 3.21808 4.29328C3.11346 4.3979 3.05469 4.5398 3.05469 4.68775V8.82938C3.05469 8.97733 3.11346 9.11923 3.21808 9.22385C3.3227 9.32847 3.4646 9.38725 3.61256 9.38725ZM6.38554 9.38725C6.5335 9.38725 6.67539 9.32847 6.78001 9.22385C6.88463 9.11923 6.94341 8.97733 6.94341 8.82938V4.68775C6.94341 4.5398 6.88463 4.3979 6.78001 4.29328C6.67539 4.18866 6.5335 4.12988 6.38554 4.12988C6.23758 4.12988 6.09569 4.18866 5.99107 4.29328C5.88645 4.3979 5.82767 4.5398 5.82767 4.68775V8.82938C5.82767 8.97733 5.88645 9.11923 5.99107 9.22385C6.09569 9.32847 6.23758 9.38725 6.38554 9.38725Z' fill='%23fc2043'/%3E%3C/svg%3E%0A"); -} - -.o-info-icon { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9987 0.333252C5.68016 0.333252 4.39123 0.724245 3.2949 1.45679C2.19857 2.18933 1.34409 3.23052 0.839504 4.4487C0.33492 5.66687 0.202898 7.00731 0.460132 8.30052C0.717367 9.59373 1.35231 10.7816 2.28466 11.714C3.21701 12.6463 4.40489 13.2813 5.6981 13.5385C6.99131 13.7957 8.33175 13.6637 9.54992 13.1591C10.7681 12.6545 11.8093 11.8 12.5418 10.7037C13.2744 9.60739 13.6654 8.31846 13.6654 6.99992C13.6654 6.12444 13.4929 5.25753 13.1579 4.4487C12.8229 3.63986 12.3318 2.90493 11.7127 2.28587C11.0937 1.66682 10.3588 1.17575 9.54992 0.840722C8.74109 0.50569 7.87418 0.333252 6.9987 0.333252ZM6.9987 12.3333C5.94387 12.3333 4.91272 12.0205 4.03566 11.4344C3.1586 10.8484 2.47501 10.0154 2.07134 9.0409C1.66768 8.06636 1.56206 6.994 1.76785 5.95944C1.97363 4.92487 2.48158 3.97456 3.22746 3.22868C3.97334 2.4828 4.92365 1.97485 5.95822 1.76906C6.99278 1.56328 8.06514 1.66889 9.03968 2.07256C10.0142 2.47623 10.8472 3.15982 11.4332 4.03688C12.0192 4.91394 12.332 5.94508 12.332 6.99992C12.332 8.41441 11.7701 9.77096 10.7699 10.7712C9.76974 11.7713 8.41319 12.3333 6.9987 12.3333Z' fill='%23A7A8AA'/%3E%3Cpath d='M6.9987 4.99996C7.36689 4.99996 7.66536 4.70148 7.66536 4.33329C7.66536 3.9651 7.36689 3.66663 6.9987 3.66663C6.63051 3.66663 6.33203 3.9651 6.33203 4.33329C6.33203 4.70148 6.63051 4.99996 6.9987 4.99996Z' fill='%23A7A8AA'/%3E%3Cpath d='M6.9987 5.66663C6.82189 5.66663 6.65232 5.73686 6.52729 5.86189C6.40227 5.98691 6.33203 6.15648 6.33203 6.33329V9.66663C6.33203 9.84344 6.40227 10.013 6.52729 10.138C6.65232 10.2631 6.82189 10.3333 6.9987 10.3333C7.17551 10.3333 7.34508 10.2631 7.4701 10.138C7.59513 10.013 7.66536 9.84344 7.66536 9.66663V6.33329C7.66536 6.15648 7.59513 5.98691 7.4701 5.86189C7.34508 5.73686 7.17551 5.66663 6.9987 5.66663Z' fill='%23A7A8AA'/%3E%3C/svg%3E%0A"); - cursor: help; -} - -.o-info-icon--green { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9987 0.333252C5.68016 0.333252 4.39123 0.724245 3.2949 1.45679C2.19857 2.18933 1.34409 3.23052 0.839504 4.4487C0.33492 5.66687 0.202898 7.00731 0.460132 8.30052C0.717367 9.59373 1.35231 10.7816 2.28466 11.714C3.21701 12.6463 4.40489 13.2813 5.6981 13.5385C6.99131 13.7957 8.33175 13.6637 9.54992 13.1591C10.7681 12.6545 11.8093 11.8 12.5418 10.7037C13.2744 9.60739 13.6654 8.31846 13.6654 6.99992C13.6654 6.12444 13.4929 5.25753 13.1579 4.4487C12.8229 3.63986 12.3318 2.90493 11.7127 2.28587C11.0937 1.66682 10.3588 1.17575 9.54992 0.840722C8.74109 0.50569 7.87418 0.333252 6.9987 0.333252ZM6.9987 12.3333C5.94387 12.3333 4.91272 12.0205 4.03566 11.4344C3.1586 10.8484 2.47501 10.0154 2.07134 9.0409C1.66768 8.06636 1.56206 6.994 1.76785 5.95944C1.97363 4.92487 2.48158 3.97456 3.22746 3.22868C3.97334 2.4828 4.92365 1.97485 5.95822 1.76906C6.99278 1.56328 8.06514 1.66889 9.03968 2.07256C10.0142 2.47623 10.8472 3.15982 11.4332 4.03688C12.0192 4.91394 12.332 5.94508 12.332 6.99992C12.332 8.41441 11.7701 9.77096 10.7699 10.7712C9.76974 11.7713 8.41319 12.3333 6.9987 12.3333Z' fill='%2348A23F'/%3E%3Cpath d='M6.9987 4.99996C7.36689 4.99996 7.66536 4.70148 7.66536 4.33329C7.66536 3.9651 7.36689 3.66663 6.9987 3.66663C6.63051 3.66663 6.33203 3.9651 6.33203 4.33329C6.33203 4.70148 6.63051 4.99996 6.9987 4.99996Z' fill='%2348A23F'/%3E%3Cpath d='M6.9987 5.66663C6.82189 5.66663 6.65232 5.73686 6.52729 5.86189C6.40227 5.98691 6.33203 6.15648 6.33203 6.33329V9.66663C6.33203 9.84344 6.40227 10.013 6.52729 10.138C6.65232 10.2631 6.82189 10.3333 6.9987 10.3333C7.17551 10.3333 7.34508 10.2631 7.4701 10.138C7.59513 10.013 7.66536 9.84344 7.66536 9.66663V6.33329C7.66536 6.15648 7.59513 5.98691 7.4701 5.86189C7.34508 5.73686 7.17551 5.66663 6.9987 5.66663Z' fill='%2348A23F'/%3E%3C/svg%3E%0A"); - cursor: help; -} - -.o-info-icon--yellow { - display: inline-block; - vertical-align: middle; - width: 1rem; - height: 1rem; - min-width: 1rem; - min-height: 1rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9987 0.333252C5.68016 0.333252 4.39123 0.724245 3.2949 1.45679C2.19857 2.18933 1.34409 3.23052 0.839504 4.4487C0.33492 5.66687 0.202898 7.00731 0.460132 8.30052C0.717367 9.59373 1.35231 10.7816 2.28466 11.714C3.21701 12.6463 4.40489 13.2813 5.6981 13.5385C6.99131 13.7957 8.33175 13.6637 9.54992 13.1591C10.7681 12.6545 11.8093 11.8 12.5418 10.7037C13.2744 9.60739 13.6654 8.31846 13.6654 6.99992C13.6654 6.12444 13.4929 5.25753 13.1579 4.4487C12.8229 3.63986 12.3318 2.90493 11.7127 2.28587C11.0937 1.66682 10.3588 1.17575 9.54992 0.840722C8.74109 0.50569 7.87418 0.333252 6.9987 0.333252ZM6.9987 12.3333C5.94387 12.3333 4.91272 12.0205 4.03566 11.4344C3.1586 10.8484 2.47501 10.0154 2.07134 9.0409C1.66768 8.06636 1.56206 6.994 1.76785 5.95944C1.97363 4.92487 2.48158 3.97456 3.22746 3.22868C3.97334 2.4828 4.92365 1.97485 5.95822 1.76906C6.99278 1.56328 8.06514 1.66889 9.03968 2.07256C10.0142 2.47623 10.8472 3.15982 11.4332 4.03688C12.0192 4.91394 12.332 5.94508 12.332 6.99992C12.332 8.41441 11.7701 9.77096 10.7699 10.7712C9.76974 11.7713 8.41319 12.3333 6.9987 12.3333Z' fill='%23FBAA19'/%3E%3Cpath d='M6.9987 4.99996C7.36689 4.99996 7.66536 4.70148 7.66536 4.33329C7.66536 3.9651 7.36689 3.66663 6.9987 3.66663C6.63051 3.66663 6.33203 3.9651 6.33203 4.33329C6.33203 4.70148 6.63051 4.99996 6.9987 4.99996Z' fill='%23FBAA19'/%3E%3Cpath d='M6.9987 5.66663C6.82189 5.66663 6.65232 5.73686 6.52729 5.86189C6.40227 5.98691 6.33203 6.15648 6.33203 6.33329V9.66663C6.33203 9.84344 6.40227 10.013 6.52729 10.138C6.65232 10.2631 6.82189 10.3333 6.9987 10.3333C7.17551 10.3333 7.34508 10.2631 7.4701 10.138C7.59513 10.013 7.66536 9.84344 7.66536 9.66663V6.33329C7.66536 6.15648 7.59513 5.98691 7.4701 5.86189C7.34508 5.73686 7.17551 5.66663 6.9987 5.66663Z' fill='%23FBAA19'/%3E%3C/svg%3E%0A"); - cursor: help; -} - -.o-close-icon { - display: inline-block; - vertical-align: middle; - width: 1.875rem; - height: 1.875rem; - min-width: 1.875rem; - min-height: 1.875rem; - background: center center/85% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0158 0.671877C6.65487 0.667483 0.684084 6.63111 0.67969 13.992C0.675295 21.3529 6.63892 27.3237 13.9998 27.3281C17.5362 27.3339 20.9292 25.9305 23.4282 23.4284C25.9282 20.9305 27.3338 17.542 27.3359 14.008C27.3403 6.64706 21.3767 0.676272 14.0158 0.671877ZM14.0162 25.9948C7.3916 25.9993 2.01774 20.6327 2.01319 14.0081C2.00871 7.38363 7.37533 2.00969 13.9998 2.00521C17.1826 1.99951 20.2364 3.26237 22.4855 5.51433C24.7354 7.76213 26.0007 10.8114 26.0028 13.9919C26.0073 20.6164 20.6407 25.9902 14.0162 25.9948ZM14.9425 14L19.1847 9.75782C19.4387 9.49862 19.4387 9.08382 19.1847 8.82463C18.927 8.56169 18.505 8.55746 18.242 8.81511L13.9998 13.0573L9.75765 8.81519C9.49846 8.5612 9.08366 8.5612 8.82447 8.81519C8.56153 9.07284 8.55729 9.49488 8.81494 9.75782L13.0571 14L8.81494 18.2422C8.68994 18.3672 8.61979 18.5367 8.61971 18.7135C8.61971 19.0816 8.91813 19.3801 9.2863 19.3802C9.46314 19.3805 9.63282 19.3101 9.75765 19.1849L13.9998 14.9427L18.242 19.1849C18.3669 19.3101 18.5365 19.3805 18.7134 19.3802C18.8901 19.3801 19.0596 19.31 19.1846 19.1851C19.445 18.9247 19.445 18.5026 19.1847 18.2422L14.9425 14Z' fill='%23A7A8AA'/%3E%3C/svg%3E%0A"); -} - -.o-icon--md { - background-size: 75%; -} - -.o-user-icon { - display: inline-block; - vertical-align: middle; - width: 1rem; - min-width: 1rem; - height: 1rem; - background: center center/80% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1113_12583)'%3E%3Cpath d='M6 7.5C7.65685 7.5 9 6.15685 9 4.5C9 2.84315 7.65685 1.5 6 1.5C4.34315 1.5 3 2.84315 3 4.5C3 6.15685 4.34315 7.5 6 7.5Z' stroke='%2348A23F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.45215 10.1246C1.91319 9.32654 2.57612 8.6639 3.37434 8.20321C4.17256 7.74251 5.07797 7.49999 5.99959 7.5C6.92122 7.50001 7.82661 7.74255 8.62483 8.20326C9.42304 8.66397 10.086 9.32663 10.547 10.1247' stroke='%2348A23F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1113_12583'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); - transition: 0.25s; - cursor: pointer; -} -.o-user-icon:hover { - filter: grayscale(1); -} - -.o-arrowdown-icon { - display: inline-block; - vertical-align: middle; - width: 1.5rem; - height: 1.5rem; - background: center center no-repeat; - background-image: url('data:image/svg+xml,'); - transition: 0.25s; -} - -.o-edit-icon--deposit { - display: inline-block; - vertical-align: middle; - width: 1.125rem; - height: 1.125rem; - min-width: 1.125rem; - min-height: 1.125rem; - background: center center/85% no-repeat; - background-image: url('data:image/svg+xml,'); -} - -.o-new { - display: inline-block; - vertical-align: middle; - width: 0.25rem; - height: 0.25rem; - border-radius: 0.125rem; - background-color: #FF6E00; - margin-left: 0.5rem; -} - -.o-link { - font-weight: 500; - font-size: 0.875rem; - line-height: 0.875rem; - text-decoration: underline !important; - color: #0085ca !important; - cursor: pointer; -} -.o-link:hover { - color: #003D63 !important; -} -.o-link:visited { - color: #0085ca !important; -} -.o-link:visited:hover { - color: #003D63 !important; -} -.o-link:disabled, .o-link.u-disabled { - color: #B5BCCB !important; - pointer-events: none; -} - -.tippy-tooltip.eis-theme, .tippy-box[data-theme=eis] .tippy-content { - background-color: #212224 !important; - color: #FFFFFF !important; - text-align: center; - font-size: 0.75rem; - line-height: 1.25rem; - border-radius: 0.5rem !important; -} -@media all and (min-width: 992px) { - .tippy-tooltip.eis-theme, .tippy-box[data-theme=eis] .tippy-content { - font-size: 0.875rem; - line-height: 1.5rem; - } -} - -.tippy-box[data-theme=eis] { - border-radius: 0.5rem !important; -} -@media all and (min-width: 992px) { - .tippy-box[data-theme=eis] { - max-width: 24.0625rem !important; - } -} - -.o-input-desc { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - margin-top: 0.5rem; - padding-left: 1rem; - color: #A7A8AA; - display: inline-block; -} - -.o-checkbox-container { - display: block; - position: relative; - cursor: pointer; - user-select: none; - margin-bottom: 0; -} - -.o-checkbox-text { - color: #212224; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - margin-left: 1rem; - white-space: nowrap; -} - -.o-checkbox-sample { - position: absolute; - opacity: 0; - cursor: pointer; - height: 0; - width: 0; -} - -.o-checkmark-sample { - position: absolute; - top: 0.1875rem; - left: 0; - height: 1.125rem; - width: 1.125rem; - border-radius: 0.25rem; - border: 1px solid #E2E2E2; - background: #FFFFFF; -} - -.o-checkbox-container:hover input ~ .o-checkmark-sample { - background-color: #EFEFF1; -} - -.o-checkbox-sample:checked ~ .o-checkmark-sample { - background-color: #FFFFFF; -} - -.o-checkmark-sample:after { - content: ""; - position: absolute; - display: none; - left: 0.375rem; - top: 0.125rem; - width: 0.34375rem; - height: 0.625rem; - border: solid #A7A8AA; - border-width: 0 3px 3px 0; - transform: rotate(45deg); -} - -.o-checkbox-sample:checked ~ .o-checkmark-sample:after { - display: block; -} - -.o-checkbox-container--grey .o-checkbox-sample:checked ~ .o-checkmark-sample { - background-color: #A7A8AA; -} -.o-checkbox-container--grey .o-checkmark-sample:after { - border: solid #FFFFFF; - border-width: 0 3px 3px 0; -} - -.o-checkbox-container--green .o-checkmark-sample:after { - border: solid #48A23F; - border-width: 0 3px 3px 0; -} - -.o-checkbox { - display: inline-block; - height: 1rem; - position: relative; - width: 1.875rem; -} -.o-checkbox.u-disabled { - opacity: 0.6; -} - -.o-checkbox input { - display: none; -} - -.o-checkbox__slider { - background-color: #A7A8AA; - bottom: 0; - cursor: pointer; - left: 0; - position: absolute; - right: 0; - top: 0; - transition: 0.4s; -} - -.o-checkbox__slider:before { - background: linear-gradient(90deg, #EEEEF0 0%, #FFFFFF 100%); - bottom: 2px; - content: ""; - height: 0.75rem; - left: 2px; - position: absolute; - transition: 0.4s; - width: 0.75rem; -} - -input:checked + .o-checkbox__slider { - background-color: #48A23F; -} - -input:checked + .o-checkbox__slider:before { - transform: translateX(14px); -} - -.o-checkbox__slider.round { - border-radius: 34px; -} - -.o-checkbox__slider.round:before { - border-radius: 50%; -} - -.o-input { - position: relative; -} - -.o-input-copy { - position: absolute; - right: 1rem; - top: 50%; - transform: translateY(-50%); - width: 1.5rem; - height: 1.5rem; - background: transparent center center/75% no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3337 0.833313H2.33366C1.41283 0.833313 0.666992 1.57915 0.666992 2.49998V14.1666H2.33366V2.49998H12.3337V0.833313ZM14.8337 4.16665H5.66699C4.74616 4.16665 4.00033 4.91248 4.00033 5.83331V17.5C4.00033 18.4208 4.74616 19.1666 5.66699 19.1666H14.8337C15.7545 19.1666 16.5003 18.4208 16.5003 17.5V5.83331C16.5003 4.91248 15.7545 4.16665 14.8337 4.16665ZM14.8337 17.5H5.66699V5.83331H14.8337V17.5Z' fill='%2348A23F'/%3E%3C/svg%3E%0A"); - transition: 0.25s; - border: none; -} -.o-input-copy:hover { - filter: grayscale(1) opacity(0.9); -} - -.o-card { - border-radius: 0.5rem; - background-color: #FFFFFF; - box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.06); - padding: 1.5rem 1.5rem 3rem 1.5rem; - align-self: self-start; - position: relative; -} -@media all and (min-width: 768px) { - .o-card { - padding: 1.875rem 3rem 3rem 3rem; - } -} - -.o-card--no-shadow { - background-color: transparent; - box-shadow: unset; -} -@media all and (min-width: 768px) { - .o-card--no-shadow { - padding: 0 3rem 0 3rem; - } -} -@media all and (min-width: 992px) { - .o-card--no-shadow { - padding: 2.5rem 3rem 3rem 3rem; - } -} - -.o-card__title { - color: #212224; - font-size: 24px; - font-weight: 900; -} - -.c-account .o-card { - height: 100%; - padding: 2.25rem 1.5rem 3rem 1.5rem; -} -@media all and (min-width: 768px) { - .c-account .o-card { - padding: 2.5rem 3rem 3rem 3rem; - } -} - -.c-account--createnew .o-card { - height: auto; -} -.c-account--createnew .o-card.o-card--personaldata { - margin-bottom: 3.125rem; -} -@media all and (min-width: 992px) { - .c-account--createnew .o-card.o-card--personaldata { - margin-bottom: 5rem; - } -} - -.c-account--changepass .o-card { - width: 640px; - max-width: 100%; -} - -body { - font-size: 16px; - font-family: "Raleway", Arial, sans-serif; - color: #212224; -} - -html { - font-family: "Raleway", Arial, sans-serif; -} - -a { - cursor: pointer; - transition: 0.25s; -} - -button { - transition: 0.25s; - cursor: pointer; -} - -strong { - font-weight: 800; -} - -svg { - transition: 0.25s; -} - -table { - border-collapse: collapse; - width: 100%; -} - -th, td { - height: 3.125rem; - padding: 0.5rem 1rem; - font-weight: 500; - font-size: 14px; - line-height: 1.5rem; - text-align: left; -} -th *, td * { - vertical-align: middle; -} - -td { - border-right: 1px solid #E2E2E2; - border-bottom: 1px solid #E2E2E2; -} -td:last-child { - border-right: 0; -} - -th { - background: #48A23F; - color: #FFFFFF; - font-weight: 800; -} - -.table--black th { - background: #212224; -} - -input { - font-weight: 500; - font-size: 0.875rem; - height: 3rem; - line-height: 1.5rem; - padding: 0.75rem 1rem; - border: 1px solid #E2E2E2; - border-radius: 0.5rem; - transition: 0.25s; - width: 100%; - max-width: 100%; - color: #212224; - font-family: "Raleway", Arial, sans-serif; -} -input:focus { - border-color: #212224; -} -input:disabled { - color: #A7A8AA; - border-color: #E2E2E2; -} -input:disabled::placeholder { - color: #A7A8AA; -} - -textarea { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - padding: 0.75rem 1rem; - border: 1px solid #E2E2E2; - border-radius: 0.5rem; - transition: 0.25s; - width: 100%; - max-width: 100%; -} -textarea:focus { - border-color: #212224; -} -textarea:disabled { - color: #A7A8AA; - border-color: #E2E2E2; -} -textarea:disabled::placeholder { - color: #A7A8AA; -} - -select { - font-weight: 500; - font-size: 0.875rem; - height: 3rem; - line-height: 1.5rem; - padding: 0.75rem 1rem; - border: 1px solid #E2E2E2; - border-radius: 0.5rem; - transition: 0.25s; - width: 100%; - max-width: 100%; - appearance: none; - background: transparent 97.5% center/10px 6px no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47343 5.77219L0.218112 1.32775C-0.072704 1.02401 -0.072704 0.531547 0.218112 0.227806C0.508928 -0.0759353 0.980434 -0.0759353 1.27125 0.227806L5 4.12228L8.72875 0.227806C9.01957 -0.0759353 9.49107 -0.0759353 9.78189 0.227806C10.0727 0.531547 10.0727 1.02401 9.78189 1.32775L5.52657 5.77219C5.23575 6.07594 4.76425 6.07594 4.47343 5.77219Z' fill='%23212224'/%3E%3C/svg%3E%0A"); -} -select:focus { - border-color: #212224; -} -select:disabled { - color: #A7A8AA; - border-color: #E2E2E2; - background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47343 5.77219L0.218112 1.32775C-0.072704 1.02401 -0.072704 0.531547 0.218112 0.227806C0.508928 -0.0759353 0.980434 -0.0759353 1.27125 0.227806L5 4.12228L8.72875 0.227806C9.01957 -0.0759353 9.49107 -0.0759353 9.78189 0.227806C10.0727 0.531547 10.0727 1.02401 9.78189 1.32775L5.52657 5.77219C5.23575 6.07594 4.76425 6.07594 4.47343 5.77219Z' fill='%23E2E2E2'/%3E%3C/svg%3E%0A"); -} -select:disabled::placeholder { - color: #A7A8AA; -} - -label { - padding-left: 1rem; - margin-bottom: 0.5rem; - display: block; - font-weight: 800; - font-size: 0.875rem; - line-height: 1.5rem; -} - -input:not([type=checkbox]):not([type=radio]).is-invalid, select.is-invalid, textarea.is-invalid { - border-color: #FF6E00; - background-color: #FFEEE1; -} -input:not([type=checkbox]):not([type=radio]).is-invalid + span, select.is-invalid + span, textarea.is-invalid + span { - color: #FF6E00; -} - -.c-toolbar { - color: #FFFFFF; - display: none; - width: 23.4375rem; - max-width: 100%; - border-radius: 0 0 0.5rem 0.5rem; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.06); - position: absolute; - top: 3.15rem; - left: 0; - flex-grow: 1; - z-index: 99; -} -@media all and (min-width: 1120px) { - .c-toolbar { - position: initial; - border-radius: 0; - max-width: 100%; - min-width: unset; - display: block; - padding-right: 0; - background-color: #212224; - } -} - -.c-toolbar__grid { - display: flex; - align-items: center; - flex-direction: column; -} -@media all and (min-width: 1120px) { - .c-toolbar__grid { - flex-direction: row; - } -} - -.c-toolbar__nav { - width: 100%; - max-width: 23.4375rem; -} -@media all and (min-width: 1120px) { - .c-toolbar__nav { - max-width: unset; - } -} - -.s-toolbar-nav { - margin: 0; - padding: 0 0 0 0; - display: flex; - list-style: none; - flex-direction: column; - background: #0085ca; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav { - background: transparent; - padding: 0; - flex-direction: row; - } -} -.s-toolbar-nav > li a { - font-weight: 800; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li a { - font-weight: 500; - } -} -.s-toolbar-nav li { - display: flex; - gap: 0.375rem; - flex-wrap: wrap; - align-items: center; - width: 100%; -} -.s-toolbar-nav li:nth-child(1) a:hover { - background-color: #0085ca; - color: #FFFFFF; -} -.s-toolbar-nav li:nth-child(2) a:hover { - background-color: #48A23F; - color: #FFFFFF; -} -.s-toolbar-nav li:nth-child(3) a:hover { - background-color: #FF6E00; - color: #FFFFFF; -} -.s-toolbar-nav li:nth-child(4) a:hover { - background-color: #003D63; - color: #FFFFFF; -} -.s-toolbar-nav li:nth-child(n+5) a:hover { - color: #FFFFFF; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li:nth-child(n+5) a:hover { - background-color: #000000; - } -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li { - flex-wrap: nowrap; - } -} -.s-toolbar-nav a { - display: block; - padding: 0.25rem 0rem 0.25rem 1.5rem; - text-decoration: none; - color: #FFFFFF; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - transition: 0.25s; - text-transform: uppercase; - white-space: nowrap; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav a:hover { - color: #0085ca; - } -} -@media all and (min-width: 1120px) { - .s-toolbar-nav a { - padding: 1.25rem 2rem; - text-transform: initial; - } -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li.is-active > a { - box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); - } -} -.s-toolbar-nav li.is-active a { - font-weight: 800; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li.is-active a { - background: linear-gradient(90deg, #009DE1 1.35%, #0085CA 98.65%); - } -} -.s-toolbar-nav li.is-active a:hover { - color: #FFFFFF; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li.is-active:nth-child(2) a { - background: linear-gradient(90deg, #48A23F 1.35%, #3EB54C 98.65%); - } -} -.s-toolbar-nav li.is-active:nth-child(2) .submenu { - background: #48A23F; -} -.s-toolbar-nav li.is-active .submenu { - display: block; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li.is-active .submenu { - background-color: #0085ca; - display: flex; - position: absolute; - top: 3.75rem; - left: 0; - padding: 0 0 0 2rem; - gap: 2rem; - } -} -@media all and (min-width: 1300px) { - .s-toolbar-nav li.is-active .submenu { - gap: 3rem; - } -} -.s-toolbar-nav li.is-active .submenu li { - position: relative; -} -.s-toolbar-nav li.is-active .submenu a, -.s-toolbar-nav li.is-active .submenu button { - text-transform: uppercase; - font-weight: 500; - background: transparent; - border: none; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav li.is-active .submenu a, - .s-toolbar-nav li.is-active .submenu button { - padding: 1.25rem 0; - } -} -.s-toolbar-nav li.hidden { - display: none; -} -.s-toolbar-nav .submenu { - width: 100%; - list-style: none; - padding: 0 0 0 1.5rem; - margin: 0; - display: none; -} -.s-toolbar-nav .submenu a { - font-weight: 500; - padding: 0.5rem 0; -} -.s-toolbar-nav > li { - padding: 1rem 0; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li { - padding: 0; - } -} -.s-toolbar-nav > li:nth-child(2) { - background: #48A23F; - box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.12); -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li:nth-child(2) { - background: transparent; - } -} -.s-toolbar-nav > li:nth-child(3) { - background: #FF6E00; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li:nth-child(3) { - background: transparent; - } -} -.s-toolbar-nav > li:nth-child(4) { - background: #003D63; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li:nth-child(4) { - background: transparent; - } -} -.s-toolbar-nav > li:nth-child(5) { - background: #212224; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav > li:nth-child(5) { - background: transparent; - } -} -.s-toolbar-nav .submenu .submenu { - display: none; - padding: 0 0 0.25rem 0.75rem !important; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav .submenu .submenu { - display: flex; - width: auto; - padding: 0.25rem 0 !important; - gap: 0.25rem !important; - position: absolute; - top: 100%; - left: 0; - flex-direction: column; - opacity: 0; - visibility: hidden; - transform: translateY(-10px); - transition: 0.25s; - } - .s-toolbar-nav .submenu .submenu a { - padding: 0.5rem 0.875rem !important; - max-width: 20rem; - } -} -.s-toolbar-nav .submenu .submenu a { - word-break: break-word; - white-space: initial; - max-width: 14.375rem; -} -@media all and (min-width: 768px) { - .s-toolbar-nav .submenu .submenu a { - max-width: 15.625rem; - } -} -@media all and (min-width: 768px) { - .s-toolbar-nav .submenu .submenu a { - word-break: normal; - white-space: initial; - max-width: 21.875rem; - min-width: 12.5rem; - } -} -.s-toolbar-nav .submenu .submenu a:hover { - color: #003D63; -} -.s-toolbar-nav .submenu li:hover .o-arrow { - transform: rotate(180deg); -} -.s-toolbar-nav .submenu li:hover .submenu { - opacity: 1; - visibility: visible; - transform: unset; -} - -.c-toolbar__socials { - margin-left: auto; - margin-right: 1.5rem; - width: 100%; - background: #FFFFFF; - padding: 1rem 1.5625rem; - display: flex; - justify-content: space-between; -} -@media all and (min-width: 1120px) { - .c-toolbar__socials { - margin-right: 0; - width: auto; - background: transparent; - } -} - -.c-toolbar__search { - margin-left: auto; - position: relative; -} -.c-toolbar__search .c-search { - position: initial; - top: unset; - right: unset; -} - -.s-toolbar-nav .c-toolbar__notice-wrapper { - display: none; -} -@media all and (min-width: 1120px) { - .s-toolbar-nav .c-toolbar__notice-wrapper { - display: flex; - } -} - -.c-header .c-toolbar__notice { - display: flex; - gap: 0.5625rem; - align-items: center; - white-space: nowrap; -} -.c-header .c-toolbar__notice span { - text-transform: capitalize; - display: flex; - gap: 0.25rem; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.25rem; - color: #FFFFFF; -} -.c-header .c-toolbar__notice sup { - top: 0.65em; -} -@media all and (min-width: 1120px) { - .c-header .c-toolbar__notice { - padding: 0 2rem 0 0 !important; - } -} -.c-header .c-toolbar__notice:hover svg path { - fill: #E2E2E2; -} -.c-header .c-toolbar__notice:hover span { - color: #E2E2E2; -} - -.c-toolbar__lang-socials { - box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.12); - background: #FFFFFF; - color: #212224; - border-radius: 0 0 0.5rem 0.5rem; - width: 100%; - padding: 1rem 1.5625rem 1.125rem 1rem; - display: flex; - justify-content: space-between; -} -@media all and (min-width: 1120px) { - .c-toolbar__lang-socials { - display: none; - } -} -.c-toolbar__lang-socials .c-header__lang .c-dropdown__label__lang { - color: #212224; -} -.c-toolbar__lang-socials .c-header__lang svg { - fill: #212224; -} -.c-toolbar__lang-socials .c-header__lang .c-dropdown__list { - left: -0.5rem; - right: auto; -} - -.c-header__tools { - display: flex; - align-items: center; - gap: 20px; - margin-left: auto; - margin-right: 1.25rem; -} -@media all and (min-width: 1120px) { - .c-header__tools { - margin-right: 2rem; - } -} -@media all and (min-width: 1600px) { - .c-header__tools { - margin-left: 0; - margin-right: 3.125rem; - } -} -.c-header__tools .c-toolbar__notice { - display: flex; - text-decoration: none; -} -.c-header__tools .c-toolbar__notice span { - gap: 0; -} -@media all and (min-width: 1120px) { - .c-header__tools .c-toolbar__notice { - margin-right: 2rem; - display: none; - } -} -.c-header__tools .c-header__lang { - display: none; -} -@media all and (min-width: 1120px) { - .c-header__tools .c-header__lang { - display: block; - } -} - -.c-header { - background-color: #212224; - color: #FFFFFF; - display: flex; - align-items: center; - z-index: 99; - position: relative; -} - -.c-header__menu { - display: block; - margin-right: 0.3125rem; -} -@media all and (min-width: 1120px) { - .c-header__menu { - display: none; - } -} - -.c-header__toggle { - display: flex; - align-items: center; - gap: 1rem; - padding: 1rem 1.5625rem; - background-color: linear-gradient(90deg, #009DE1 1.35%, #0085CA 98.65%); - color: #FFFFFF; - border-radius: 0; - border: none; -} - -.c-header__search__toggle { - padding: 0.5rem; - margin-left: 0.625rem; - margin-right: 1.125rem; - background-color: transparent; - border: none; - display: block; -} -@media all and (min-width: 1120px) { - .c-header__search__toggle { - display: none; - } -} - -.c-header__user { - display: flex; - gap: 0.5625rem; - color: #FFFFFF; - align-items: center; - white-space: nowrap; - text-decoration: none; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; -} -.c-header__user:hover { - color: #E2E2E2; - text-decoration: underline; -} -@media all and (min-width: 1120px) { - .c-header__user:hover { - color: #E2E2E2; - } -} -.c-header__user:hover svg path { - fill: #E2E2E2; -} - -.c-socials { - display: flex; - gap: 1.5625rem; - align-items: center; -} -@media all and (min-width: 1120px) { - .c-socials { - display: none; - } -} - -.c-socials__link { - display: flex; - align-items: center; - justify-content: center; - gap: 25px; -} -.c-socials__link svg { - transition: 0.25s; - fill: #212224; -} -@media all and (min-width: 1120px) { - .c-socials__link svg { - fill: #FFFFFF; - } -} -.c-socials__link:hover svg { - fill: #0085ca; -} - -.c-dropdown { - position: relative; - cursor: pointer; -} - -.c-dropdown__label { - font-weight: 500; - font-size: 0.875rem; - line-height: 1rem; - color: #FFFFFF; - display: flex; - align-items: center; -} -.c-dropdown__label svg { - margin-left: 0.21875rem; -} - -.c-dropdown__label__lang { - width: 1.875rem; - overflow: hidden; - text-transform: uppercase; -} - -.c-dropdown__list { - position: absolute; - right: 0; - top: 1.5rem; - opacity: 0; - visibility: hidden; - transform: translateY(10px); - transition: 0.25s; -} - -.s-dropdown-list { - padding: 0.5rem; - margin: 0; - list-style: none; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); - border-radius: 0.5rem; - z-index: 99; -} -.s-dropdown-list li { - display: flex; -} -.s-dropdown-list a { - padding: 0.25rem 0.5rem; - color: #212224; - font-weight: 500; - font-size: 0.875rem; - line-height: 1rem; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; -} -.s-dropdown-list a:hover { - color: #0085ca; -} -.s-dropdown-list li.active { - font-weight: 800; -} - -.c-dropdown.is-open .c-dropdown__list { - opacity: 1; - visibility: visible; - transform: translateX(0); -} - -.c-search { - width: 100%; - background: #0085ca; - position: absolute; - top: -0.9375rem; - right: 0; - padding: 0.9375rem 1.5rem 0.9375rem 0; - display: flex; - justify-content: flex-end; - transition: 0.25s; -} -.c-search.is-open { - top: 3.125rem; -} -@media all and (min-width: 768px) { - .c-search { - width: 15rem; - padding: 0.9375rem 1.5rem 0.9375rem 0; - } -} -@media all and (min-width: 1120px) { - .c-search { - width: 15rem; - padding: 0.9375rem 2rem 0.9375rem 0; - } -} - -.c-search__form { - display: flex; - position: relative; -} - -.c-search__form__btn { - position: absolute; - right: 0; - top: 0; - height: 2rem; - border: none; - background: transparent; - padding: 0 1rem 0 0.25rem; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; -} - -.c-search__form__input { - color: #FFFFFF; - border: 1px solid #FFFFFF; - background: transparent; - height: 2rem; - line-height: 2rem; - padding: 0 1rem; - border-radius: 1rem; - font-weight: 500; - font-size: 0.875rem; - width: 15rem; -} -.c-search__form__input::placeholder { - color: #FFFFFF; - opacity: 1; -} - -.c-hero { - margin-bottom: 3.125rem; -} - -.c-hero__content { - color: #FFFFFF; - background: url("hero.png") center center/cover no-repeat; - border-radius: 0 0 0.5rem 0.5rem; - display: flex; - flex-direction: column; - align-items: center; - padding: 2rem 0 4.5rem; -} -@media all and (min-width: 1120px) { - .c-hero__content { - padding: 4.375rem 0 4rem; - } -} - -.c-hero__content__title { - font-weight: 900; - font-size: 8vw; - line-height: 1.2; - margin: 1.25rem 0 1rem; - text-align: center; - padding: 0 0.5rem; -} -@media all and (min-width: 768px) { - .c-hero__content__title { - font-size: 2.5rem; - line-height: 2.5rem; - } -} - -.c-hero__content__desc { - font-weight: 500; - font-size: 4vw; - line-height: 1.2; - margin: 0 0 1.5rem; -} -@media all and (min-width: 768px) { - .c-hero__content__desc { - font-size: 1.125rem; - line-height: 1.25rem; - } -} - -.c-hero__content__action a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #FF6E00; -} -.c-hero__content__action a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-hero__content__action a:hover { - background: #FFFFFF; - color: #FF6E00; -} - -.c-hero__search { - background-color: transparent; - transform: translateY(-3.75rem); - padding: 0 1rem; -} -@media all and (min-width: 768px) { - .c-hero__search { - padding: 0 1.5rem; - } -} -@media all and (min-width: 1120px) { - .c-hero__search { - padding: 0 2.5rem; - } -} - -.c-hero__search__form { - background-color: #FFFFFF; - border-radius: 0.5rem 0 0 0.5rem; - overflow: hidden; - display: flex; - align-items: center; - flex-grow: 1; -} - -.c-hero__search__grid { - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); - display: flex; - flex-wrap: wrap; - background-color: transparent !important; - border-radius: 0.5rem; - overflow: hidden; -} -@media all and (min-width: 768px) { - .c-hero__search__grid { - flex-wrap: nowrap; - } -} - -.c-hero__search__info { - background-color: #003D63; - color: #FFFFFF; - font-size: 0.875rem; - line-height: 1.5625rem; - width: 100%; - padding: 1.25rem 1.125rem 1.25rem 1.5rem; -} -@media all and (min-width: 768px) { - .c-hero__search__info { - width: 40%; - } -} -@media all and (min-width: 1120px) { - .c-hero__search__info { - width: 32%; - } -} -@media all and (min-width: 1300px) { - .c-hero__search__info { - width: 28%; - } -} -.c-hero__search__info a { - color: #FFFFFF; - text-decoration: underline; -} -.c-hero__search__info a:hover { - color: #FF6E00; -} - -.c-domain-search { - flex-grow: 1; - border-radius: 0.5rem 0 0 0.5rem; - overflow: hidden; -} - -.c-domain-search__wrap { - display: flex; - align-items: center; - gap: 1rem; - padding: 0 1rem 0 0; -} -@media all and (min-width: 768px) { - .c-domain-search__wrap { - gap: 1.5rem; - padding: 0 1.5rem 0 0; - } -} - -.s-domain-search input { - border: none; - background-color: transparent; - flex-grow: 1; - font-weight: 500; - font-size: 1.125rem; - line-height: 1.3125rem; - padding: 1.5rem 1rem 1.5rem 2rem; -} -@media all and (min-width: 1120px) { - .s-domain-search input { - padding: 3rem 1.5rem 3rem 3rem; - } -} -.s-domain-search input::placeholder { - color: #051729; - opacity: 1; -} -.s-domain-search button { - background-color: #0085ca; - border: none; - width: 3rem; - height: 3rem; - border-radius: 1.5rem; - display: flex; - align-items: center; - justify-content: center; -} -.s-domain-search button:hover { - background-color: #003D63; -} - -.c-cta { - display: flex; - flex-direction: column; - justify-content: center; - padding: 1.25rem; - position: relative; - border-radius: 0.5rem; -} -.c-cta:before { - content: " "; - display: block; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.25; - background: url("spider-bg.svg") right center/contain no-repeat; - z-index: 0; -} - -.c-cta--primary { - background-color: #003D63; - min-height: 18.125rem; -} -@media all and (min-width: 1120px) { - .c-cta--primary { - min-height: 24.375rem; - } -} -.c-cta--primary .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #FF6E00; -} -.c-cta--primary .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--primary .c-cta__btn a:hover { - background: #FFFFFF; - color: #FF6E00; -} - -.c-cta--secondary { - background-color: #0085ca; - min-height: 17.1875rem; -} -.c-cta--secondary::before { - filter: brightness(0.25); - background-size: 45%; -} -.c-cta--secondary .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; - min-width: 9.5625rem; -} -.c-cta--secondary .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--secondary .c-cta__btn a:hover { - background: #FFFFFF; - color: #212224; -} - -.c-cta__title { - font-weight: 900; - font-size: 1.375rem; - line-height: 1.375rem; - margin: 0; - color: #FFFFFF; - position: relative; - z-index: 1; -} -@media all and (min-width: 768px) { - .c-cta__title { - font-size: 1.875rem; - line-height: 1.875rem; - } -} - -.c-cta__desc { - font-weight: 800; - font-size: 0.875rem; - line-height: 1.125rem; - margin: 0.9375rem 0; - color: #FFFFFF; - position: relative; - z-index: 1; -} -@media all and (min-width: 768px) { - .c-cta__desc { - font-size: 1rem; - line-height: 1.25rem; - } -} - -.c-cta__btn { - position: relative; - z-index: 1; -} - -.c-cta--two-col { - padding: 3rem 0 0; -} -@media all and (min-width: 768px) { - .c-cta--two-col { - padding: 4rem 0 0; - } -} - -.c-cta--horizontal { - display: flex; - flex-direction: column; - background: center center/cover no-repeat; - justify-content: space-between; - align-items: center; - padding: 3rem 2.625rem; - border-radius: 0.5rem; - overflow: hidden; -} -.c-cta--horizontal::before { - content: " "; - display: block; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0.5; - background: #212224; - z-index: 0; -} -@media all and (min-width: 768px) { - .c-cta--horizontal { - padding: 3.875rem 3.5rem; - flex-direction: row; - } -} -.c-cta--horizontal .c-cta__title { - margin: 0 0 1.25rem; -} -.c-cta--horizontal .c-cta__desc { - margin: 0; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} -.c-cta--horizontal .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #0085ca; - border: 1px solid #FFFFFF; -} -.c-cta--horizontal .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--horizontal .c-cta__btn a:hover { - background: #FFFFFF; - color: #0085ca; - border: 1px solid #0085ca; -} - -.c-cta--three-col { - padding: 3rem 0; -} -@media all and (min-width: 768px) { - .c-cta--three-col { - padding: 4rem 0; - } -} - -.o-grid--auction-cards > div { - height: 100%; -} - -.c-cta--card { - padding: 1.5rem 1rem 1.875rem; - color: #212224; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.06); - border-radius: 0.25rem 0.25rem 0.5rem 0.5rem; - position: relative; - height: 100%; -} -.c-cta--card::before { - content: ""; - width: 100%; - height: 0.25rem; - border-radius: 0.125rem; - position: absolute; - top: 0; - left: 0; -} -@media all and (min-width: 992px) { - .c-cta--card { - padding: 2rem 1.125rem 2rem; - } -} -@media all and (min-width: 1120px) { - .c-cta--card { - padding: 2.125rem 1.25rem 1.875rem; - } -} -@media all and (min-width: 1600px) { - .c-cta--card { - padding: 2.3125rem 1.5rem 2.75rem; - } -} -.c-cta--card .c-cta__title { - color: #212224; - margin: 0 0 1.25rem; -} -.c-cta--card .c-cta__desc { - color: #212224; - margin: 0; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} -.c-cta--card .c-cta__grid { - display: flex; - gap: 1rem; - justify-content: space-between; -} - -.c-cta--orange::before { - background-color: #FF6E00; -} -.c-cta--orange .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #FF6E00; -} -.c-cta--orange .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--orange .c-cta__btn a:hover { - background: #FFFFFF; - color: #FF6E00; -} - -.c-cta--sec-blue::before { - background-color: #003D63; -} -.c-cta--sec-blue .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #003D63; - border: 1px solid #003D63; -} -.c-cta--sec-blue .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--sec-blue .c-cta__btn a:hover { - background: #FFFFFF; - color: #003D63; -} - -.c-cta--black::before { - background-color: #212224; -} -.c-cta--black .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; -} -.c-cta--black .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--black .c-cta__btn a:hover { - background: #FFFFFF; - color: #212224; -} - -.c-cta--green::before { - background-color: #48A23F; -} -.c-cta--green .c-cta__btn a { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #48A23F; - border: 1px solid #48A23F; -} -.c-cta--green .c-cta__btn a:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-cta--green .c-cta__btn a:hover { - background: #FFFFFF; - color: #48A23F; -} - -.c-cta--card-icon .c-cta__title { - display: flex; - gap: 0.75rem; -} -.c-cta--card-icon .c-cta__title svg { - min-width: 2rem; -} -@media all and (min-width: 1300px) { - .c-cta--card-icon { - align-items: center; - } -} - -.c-cta--inline { - padding: 0; -} - -.c-cta--wishlist { - background: #fff; - margin-bottom: 1.5rem; - padding-bottom: 60px; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); -} -@media all and (min-width: 768px) { - .c-cta--wishlist { - margin-bottom: 2.5rem; - padding-bottom: 0px; - box-shadow: unset; - } -} -@media all and (min-width: 992px) { - .c-cta--wishlist { - margin-bottom: 3.75rem; - } -} - -.c-cta--auction { - padding: 3.75rem 0 3.125rem 0; - background-image: linear-gradient(180deg, #EEEEF0 0%, #FFFFFF 100%); -} - -.c-btn--orange { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #FF6E00; -} -.c-btn--orange:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--orange:hover { - background: #FFFFFF; - color: #FF6E00; -} - -.c-btn--blue { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #0085ca; - border: 1px solid #FFFFFF; -} -.c-btn--blue:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--blue:hover { - background: #FFFFFF; - color: #0085ca; - border: 1px solid #0085ca; -} - -.c-btn--black { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; -} -.c-btn--black:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--black:hover { - background: #FFFFFF; - color: #212224; -} - -.c-btn-white { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #FFFFFF; - color: #212224; - border: 1px solid #FFFFFF; -} -.c-btn-white:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn-white:hover { - background: transparent; - color: #FFFFFF; - background: transparent; -} - -.c-btn--green { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #48A23F; - border: 1px solid #48A23F; -} -.c-btn--green:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--green:hover { - background: #FFFFFF; - color: #48A23F; -} - -.c-btn--red { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #fc2043; -} -.c-btn--red:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--red:hover { - background: #212224; -} - -.c-btn--blue-secondary { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #003D63; - border: 1px solid #003D63; -} -.c-btn--blue-secondary:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--blue-secondary:hover { - background: #FFFFFF; - color: #003D63; -} - -.c-btn--ghost { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; - color: #212224; - background-color: transparent; - border: 1px solid #A7A8AA; -} -.c-btn--ghost:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--ghost:hover { - background: #FFFFFF; - color: #212224; -} -.c-btn--ghost:hover { - border-color: #212224; - background-color: transparent; -} - -.c-btn--icon { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; - color: #212224; - background-color: transparent; - border: 1px solid #A7A8AA; -} -.c-btn--icon:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-btn--icon:hover { - background: #FFFFFF; - color: #212224; -} - -table .c-btn { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - padding: 0.375rem 1rem; -} -table .c-btn--icon { - padding: 0 !important; -} - -.c-btn--icon { - width: 2rem; - height: 2rem; - padding: 0 !important; - display: inline-flex; - align-items: center; - justify-content: center; -} - -.c-btn-group { - display: flex; - justify-content: flex-start; - gap: 1rem; -} -@media all and (min-width: 992px) { - .c-btn-group { - justify-content: center; - } -} - -.c-account .c-btn { - font-size: 0.875rem; -} - -.c-account--changepass .c-btn { - width: 100%; - padding: 0.4375rem 1rem; - font-size: 0.9375rem; - margin: 2.5rem 0 1.5rem 0; -} - -.c-btn--fs { - font-size: 0.75rem; -} -@media all and (min-width: 768px) { - .c-btn--fs { - font-size: 1rem; - } -} - -.c-auctions__title { - font-weight: 900; - font-size: 1.375rem; - line-height: 1.375rem; - margin: 0 0 1.25rem; -} -@media all and (min-width: 768px) { - .c-auctions__title { - font-size: 1.875rem; - line-height: 1.875rem; - } -} - -.c-auctions__desc { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - margin: 0 0 2rem; -} - -.c-auctions__list { - list-style: none; - border-top: 1px solid #E2E2E2; - display: flex; - flex-wrap: wrap; - position: relative; - padding: 0; - margin: 0; -} -.c-auctions__list::after { - content: ""; - width: 100%; - height: 1px; - background-color: #E2E2E2; - position: absolute; - bottom: 0; - display: block; - left: 0; -} -.c-auctions__list li { - flex: 100%; - max-width: 100%; - border-bottom: 1px solid #E2E2E2; -} -@media (min-width: 567px) { - .c-auctions__list li { - border-right: 1px solid #E2E2E2; - flex: 50%; - max-width: 50%; - } - .c-auctions__list li:nth-child(2n) { - border-right: 0; - } -} -@media all and (min-width: 992px) { - .c-auctions__list li { - border-right: 1px solid #E2E2E2; - flex: 33.33%; - max-width: 33.33%; - } - .c-auctions__list li:nth-child(2n) { - border-right: 1px solid #E2E2E2; - } - .c-auctions__list li:nth-child(3n) { - border-right: 0; - } -} -.c-auctions__list li span { - margin-right: 0.5rem; -} -.c-auctions__list strong { - font-weight: 800; - font-size: 0.875rem; - line-height: 1.25rem; -} -.c-auctions__list li { - padding: 0.8125rem 1.0625rem; -} - -.c-auctions__footer { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - margin-top: 2rem; -} -@media all and (min-width: 768px) { - .c-auctions__footer { - flex-wrap: nowrap; - } -} - -.c-auctions__legend { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - display: flex; - gap: 1rem; - align-items: center; -} - -.c-auctions__info { - gap: 1rem; - display: flex; - align-items: center; -} - -.c-auctions__all-count { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.c-auctions-wrap { - position: relative; - padding-bottom: 3rem; -} -@media all and (min-width: 768px) { - .c-auctions-wrap { - padding-bottom: 4rem; - } -} -.c-auctions-wrap::after { - content: ""; - width: 100%; - height: 8.375rem; - position: absolute; - left: 0; - bottom: 0; - background: linear-gradient(0deg, #EEEEF0 0%, #FFFFFF 100%); - z-index: -1; -} - -.c-news { - padding: 2.5rem 0 3rem; -} -@media all and (min-width: 768px) { - .c-news { - padding: 3.125rem 0 4rem; - } -} - -.c-news__header { - display: flex; - justify-content: space-between; - margin-bottom: 3rem; -} -@media all and (min-width: 768px) { - .c-news__header { - margin-bottom: 54px; - } -} - -.c-news__title { - margin: 0; -} - -.c-news__item__img { - display: flex; - height: 17.1875rem; -} -.c-news__item__img img { - max-width: 100%; - width: 100%; - height: 100%; - object-fit: cover; - object-position: center; -} - -.c-news__item { - background-color: #FFFFFF; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); - border-radius: 0.5rem; - overflow: hidden; -} - -.c-news__item__content { - padding: 1.25rem 1rem; -} -@media all and (min-width: 768px) { - .c-news__item__content { - padding: 1.5rem 1.25rem; - } -} -@media all and (min-width: 1120px) { - .c-news__item__content { - padding: 2.125rem 2rem; - } -} - -.c-news__item__meta { - display: flex; - justify-content: space-between; - margin: 0 0 1.5rem; - color: #A7A8AA; -} -.c-news__item__meta .article--type { - font-weight: 800; - font-size: 0.875rem; - line-height: 1.25rem; - text-transform: uppercase; - margin: 0; -} -@media all and (min-width: 768px) { - .c-news__item__meta .article--type { - font-size: 0.8125rem; - } -} -@media all and (min-width: 992px) { - .c-news__item__meta .article--type { - font-size: 0.875rem; - } -} -.c-news__item__meta .article--topic { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - margin: 0; -} -.c-news__item__meta .article--topic::before { - content: "#"; -} -@media all and (min-width: 768px) { - .c-news__item__meta .article--topic { - font-size: 0.8125rem; - } -} -@media all and (min-width: 992px) { - .c-news__item__meta .article--topic { - font-size: 0.875rem; - } -} - -.c-news__item__title { - margin: 0 0 1.5rem; -} -@media all and (min-width: 768px) { - .c-news__item__title { - font-size: 1rem; - } -} -@media all and (min-width: 992px) { - .c-news__item__title { - font-size: 1.5rem; - } -} -.c-news__item__title a { - text-decoration: none; - color: #212224; -} -.c-news__item__title a:hover { - color: #0085ca; -} - -.c-news__item__excerpt { - margin: 0 0 1.5rem; - font-weight: 500; - line-height: 1.5625rem; -} -.c-news__item__excerpt > div { - text-align: left !important; -} -@media all and (min-width: 768px) { - .c-news__item__excerpt { - font-size: 0.8125rem; - } -} -@media all and (min-width: 992px) { - .c-news__item__excerpt { - font-size: 0.875rem; - } -} -.c-news__item__excerpt b { - font-weight: 500; -} -.c-news__item__excerpt a { - color: #212224; -} -.c-news__item__excerpt a:hover { - color: #A7A8AA; -} - -.c-news__item__footer { - display: flex; - justify-content: space-between; -} -@media all and (min-width: 768px) { - .c-news__item__footer { - font-size: 0.8125rem; - } -} -@media all and (min-width: 992px) { - .c-news__item__footer { - font-size: 0.875rem; - } -} -.c-news__item__footer .article--date { - display: flex; - align-items: center; - gap: 0.5625rem; -} - -.c-footer { - background: linear-gradient(90deg, #003d63 1.35%, #064f7c 98.65%); - margin-top: 4.375rem; -} -@media all and (min-width: 768px) { - .c-footer { - margin-top: 11.5625rem; - } -} -@media all and (min-width: 1120px) { - .c-footer { - margin-top: 6.5625rem; - } -} - -.c-footer__grid { - display: flex; - flex-wrap: wrap; - gap: 2rem; - position: relative; -} -@media all and (min-width: 768px) { - .c-footer__grid { - gap: 2.5rem; - } -} -@media all and (min-width: 1120px) { - .c-footer__grid { - gap: 7rem; - flex-wrap: nowrap; - } -} - -.c-footer__highlight { - width: 100%; - background: linear-gradient(90deg, #0085CA 1.35%, #009DE1 98.65%); - box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); - border-radius: 0.5rem; - display: flex; - gap: 1.25rem; - align-items: center; - padding: 1.25rem 1.125rem; - transform-origin: bottom left; - flex-direction: row; - justify-content: space-around; - transform: translateY(-20px); -} -@media all and (min-width: 768px) { - .c-footer__highlight { - padding: 1.375rem 1.25rem; - top: -22%; - position: absolute; - } -} -@media (min-width: 992px) and (max-width: 1044px) { - .c-footer__highlight { - top: -28%; - } -} -@media all and (min-width: 1120px) { - .c-footer__highlight { - width: 18.125rem; - flex-direction: column; - border-radius: 0.5rem 0.5rem 0 0; - transform: scale(1.1); - position: initial; - } -} -@media all and (min-width: 1300px) { - .c-footer__highlight { - padding: 2.5rem 2rem; - width: 21.25rem; - } -} - -.c-footer__highlight__grid { - display: flex; - flex-direction: column; - gap: 1.25rem; - text-align: left !important; -} -@media all and (min-width: 768px) { - .c-footer__highlight__grid { - gap: 0.75rem; - } -} -@media all and (min-width: 1120px) { - .c-footer__highlight__grid { - text-align: center !important; - gap: 1.25rem; - } -} - -@media all and (min-width: 768px) { - .c-footer__highlight__grid--row-t { - flex-direction: row; - justify-content: space-around; - flex: 1; - align-items: flex-end; - } -} -@media all and (min-width: 1120px) { - .c-footer__highlight__grid--row-t { - width: auto; - flex-direction: column; - align-items: center; - } -} - -.c-footer__highlight__title { - font-weight: 900; - font-size: 1rem; - line-height: 1.25rem; - text-align: left; - color: #FFFFFF; - margin: 0; -} -@media all and (min-width: 1120px) { - .c-footer__highlight__title { - text-align: center; - } -} - -.c-footer__highlight__info, -.c-footer__highlight__contact { - font-weight: 500; - font-size: 1rem; - line-height: 1.375rem; - text-align: left; - color: #FFFFFF; -} -@media all and (min-width: 1120px) { - .c-footer__highlight__info, - .c-footer__highlight__contact { - text-align: center; - } -} -.c-footer__highlight__info a, -.c-footer__highlight__contact a { - color: #FFFFFF; - text-decoration: none; -} -.c-footer__highlight__info a:hover, -.c-footer__highlight__contact a:hover { - color: #003D63; -} - -.c-footer__highlight__contact span { - display: flex; - align-items: center; - gap: 0.75rem; -} -@media all and (min-width: 1120px) { - .c-footer__highlight__contact span { - justify-content: center; - } -} - -.c-footer__grid__row { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - position: relative; - row-gap: 2rem; - flex-grow: 1; - padding-top: 0.625rem; - padding-bottom: 2.375rem; - justify-content: space-between; -} -@media all and (min-width: 768px) { - .c-footer__grid__row { - padding-bottom: 0.625rem; - gap: 1.875rem; - padding-top: 4.5rem; - } -} -@media all and (min-width: 1120px) { - .c-footer__grid__row { - row-gap: 1rem; - padding-bottom: 0; - flex-wrap: nowrap; - justify-content: space-between; - padding-top: 4rem; - } -} - -.s-footer-col { - color: #FFFFFF; - line-height: 1.5rem; -} -.s-footer-col:nth-child(1) { - width: 100%; -} -@media all and (min-width: 768px) { - .s-footer-col:nth-child(1) { - width: 33.3333333333%; - } -} -@media all and (min-width: 1120px) { - .s-footer-col:nth-child(1) { - width: 25%; - } -} -.s-footer-col:nth-child(2) { - width: 100%; -} -@media all and (min-width: 768px) { - .s-footer-col:nth-child(2) { - width: 33.3333333333%; - flex: 1; - } -} -@media all and (min-width: 1120px) { - .s-footer-col:nth-child(2) { - width: 25%; - flex: unset; - } -} -.s-footer-col:nth-child(3) { - width: 100%; -} -@media all and (min-width: 768px) { - .s-footer-col:nth-child(3) { - padding-right: 0; - width: calc(33.3333333333% - 4rem); - flex: unset; - } -} -@media all and (min-width: 1120px) { - .s-footer-col:nth-child(3) { - width: 25%; - } -} -.s-footer-col:nth-child(4) { - width: 100%; -} -@media all and (min-width: 1120px) { - .s-footer-col:nth-child(4) { - width: 25%; - align-items: flex-start; - } -} -.s-footer-col p { - color: #FFFFFF; -} -.s-footer-col a { - color: #B5BCCB; - text-decoration: none; - margin-bottom: 0.125rem; - display: inline-block; -} -.s-footer-col a:hover { - color: #0085ca !important; -} -.s-footer-col .c-socials { - gap: 0.5rem; - margin-bottom: 2.875rem; -} -@media all and (min-width: 1120px) { - .s-footer-col .c-socials { - display: flex; - } -} -.s-footer-col .c-socials a { - width: 1.5rem; - height: 1.5rem; -} -.s-footer-col .c-socials a svg { - width: 1.5rem; - height: 1.5rem; - fill: #FFFFFF; -} - -.c-footer__sviiter { - position: absolute; - bottom: 2.25rem; - right: 0; -} -@media all and (min-width: 768px) { - .c-footer__sviiter { - bottom: 3.125rem; - right: 1rem; - } -} -@media all and (min-width: 1120px) { - .c-footer__sviiter { - bottom: 0.625rem; - right: 1rem; - } -} -@media all and (min-width: 1480px) { - .c-footer__sviiter { - bottom: 0.625rem; - right: 3rem; - } -} -.c-footer__sviiter svg, -.c-footer__sviiter svg path { - transition: 0.25s; -} -.c-footer__sviiter:hover svg, -.c-footer__sviiter:hover svg path { - fill: #FFFFFF; -} -.c-footer__sviiter a:hover svg, -.c-footer__sviiter a:hover svg path { - fill: #0085ca; -} - -.c-block { - margin-bottom: 3rem; -} - -.c-block__title { - margin: 0 0 2rem; -} - -.c-tabs__nav { - display: flex; -} - -.c-tabs__nav__btn { - font-weight: 500; - font-size: 14px; - line-height: 24px; - border: none; - border-top: 1px solid #EFEFF1; - border-right: 1px solid #EFEFF1; - padding: 0.25rem 0.5625rem 0.25rem 0.8125rem; - background: #FFFFFF; - border-radius: 0 0.5rem 0 0; - position: relative; - transition: z-index 0s, all 0.25s; -} -@media all and (min-width: 768px) { - .c-tabs__nav__btn { - padding: 1rem 1.25rem 1rem 1.625rem; - } -} -.c-tabs__nav__btn:hover { - background: #E3FEE0; -} -.c-tabs__nav__btn.is-active { - background: linear-gradient(90deg, #48A23F 1.35%, #3EB54C 98.65%); - border: none; - color: #FFFFFF; -} -.c-tabs__nav__btn.is-active sup { - font-weight: 500; -} -.c-tabs__nav__btn:nth-child(1) { - padding: 0.25rem 0.5625rem; - z-index: 8; -} -.c-tabs__nav__btn:nth-child(2) { - transform: translateX(-0.375rem); - z-index: 7; -} -.c-tabs__nav__btn:nth-child(3) { - transform: translateX(-0.75rem); - z-index: 6; -} -.c-tabs__nav__btn:nth-child(4) { - transform: translateX(-1.125rem); - z-index: 5; -} -.c-tabs__nav__btn:nth-child(5) { - transform: translateX(-1.5rem); - z-index: 4; -} -.c-tabs__nav__btn:nth-child(6) { - transform: translateX(-1.875rem); - z-index: 3; -} -.c-tabs__nav__btn:nth-child(7) { - transform: translateX(-2.25rem); - z-index: 2; -} - -.c-tabs__nav__btn--ind { - margin-left: auto; - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background: #212224; - padding: 0.375rem 1rem; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.25rem; - align-self: center; -} -.c-tabs__nav__btn--ind:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-tabs__nav__btn--ind:hover { - background: #FFFFFF; - color: #212224; -} - -.c-tabs__content__tab { - display: none; -} -.c-tabs__content__tab.is-active { - display: block; -} - -.c-badge { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - padding: 0 1rem; - display: inline-flex; - gap: 0.5rem; - border-radius: 0.75rem; - align-items: center; - cursor: default; -} -.c-badge::before { - content: ""; - width: 0.5rem; - height: 0.5rem; - display: block; - border: 2px solid transparent; - border-radius: 0.25rem; -} - -.c-badge--green { - background-color: #E3FEE0; - color: #48A23F; -} -.c-badge--green::before { - background-color: #48A23F; - border-color: #48A23F; -} - -.c-badge--yellow { - background-color: #FFF5E4; - color: #FBAA19; -} -.c-badge--yellow::before { - background-color: #FBAA19; - border-color: #FBAA19; -} - -.c-badge--red { - background-color: #f8d8db; - color: #ff2040; -} -.c-badge--red::before { - background-color: #ff2040; - border-color: #ff2040; -} - -.c-badge--blue { - background-color: #dfeff9; - color: #0085ca; -} -.c-badge--blue::before { - background-color: #0085ca; - border-color: #0085ca; -} - -.c-badge--gray { - background-color: #EFEFF1; - color: #A7A8AA; -} -.c-badge--gray::before { - background-color: #A7A8AA; - border-color: #A7A8AA; -} - -.c-badge--circle::before { - background-color: transparent; -} - -.c-notifications { - margin: 1.25rem 0 2.5rem; - display: block; -} - -.c-notification { - padding: 1.5rem 0; - border-bottom: 1px solid #E2E2E2; -} -.c-notification:last-child { - border-bottom: 0; -} - -.c-notification__header { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 0.5rem; - margin-bottom: 0.5rem; -} -@media all and (min-width: 768px) { - .c-notification__header { - flex-wrap: nowrap; - } -} - -.c-notification__header__title { - margin: 0; - line-height: 1.5; - margin-top: 0.125rem; -} - -.c-notification__header__date { - color: #A7A8AA; - font-size: 0.75rem; - line-height: 1.25rem; - width: 100%; -} -@media (min-width: 450px) { - .c-notification__header__date { - width: auto; - margin-left: auto; - } -} -@media all and (min-width: 768px) { - .c-notification__header__date { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - } -} - -.c-notification__main { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} -@media all and (min-width: 768px) { - .c-notification__main { - max-width: 90%; - } -} -@media all and (min-width: 1120px) { - .c-notification__main { - max-width: 80%; - } -} -@media all and (min-width: 1300px) { - .c-notification__main { - max-width: 70%; - } -} - -.c-notification--read .c-notification__header .c-notification__header__title { - filter: opacity(0.55); -} -.c-notification--read .c-notification__header .c-notification__header__icon { - filter: brightness(1) grayscale(1) opacity(0.9); -} -.c-notification--read .c-notification__header .o-new { - display: none; -} - -.c-notification__heading { - display: flex; - align-items: flex-start; - gap: 0.5rem; -} - -.c-notifications--ajax .c-notification:last-child { - border-bottom: 1px solid #E2E2E2; -} - -@media all and (min-width: 992px) { - .c-table--sortable .dataTables_wrapper th, .c-table--sortable .dataTables_wrapper td { - height: 1.875rem !important; - } -} -.c-table--sortable .dataTables_wrapper .dataTables_filter { - display: none; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate { - display: flex; - justify-content: center; - width: 100%; - margin-top: 3rem; - gap: 1.5rem; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate span { - display: flex; - gap: 0.5rem; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate .paginate_button { - width: 2rem; - height: 2rem; - border-radius: 1rem !important; - border: 1px solid #E2E2E2 !important; - display: flex !important; - justify-content: center; - align-items: center; - padding: 0 !important; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate .paginate_button.current { - background-color: #48A23F !important; - border-color: #48A23F !important; - color: #FFFFFF !important; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: #212224 !important; - background: #E2E2E2 !important; -} -.c-table--sortable .dataTables_wrapper .dataTables_paginate .paginate_button.next, .c-table--sortable .dataTables_wrapper .dataTables_paginate .paginate_button.previous { - border: none !important; - padding: 0.25rem 0.25rem !important; - width: 5rem; -} -.c-table--sortable .dataTables_wrapper table.dataTable.no-footer, .c-table--sortable .dataTables_wrapper table.dataTable thead th, .c-table--sortable .dataTables_wrapper table.dataTable thead td { - border-bottom: 0; -} - -.c-table__filters { - background-color: #FFFFFF; - border-radius: 0.25rem 0.25rem 0 0; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); - padding: 1rem; - display: flex; - justify-content: space-between; - flex-wrap: wrap; - gap: 1.5rem; -} -@media all and (min-width: 768px) { - .c-table__filters { - flex-wrap: nowrap; - } -} -.c-table__filters .c-auctions__legend { - order: 4; -} -@media all and (min-width: 768px) { - .c-table__filters .c-auctions__legend { - display: none; - } -} - -.c-table__filters__btns { - display: flex; - gap: 0.5rem; - flex-wrap: wrap; -} -@media all and (min-width: 768px) { - .c-table__filters__btns { - gap: 1rem; - } -} - -.c-table__filters__btn { - font-weight: 500; - font-size: 1rem; - line-height: 2rem; - text-align: center; - display: inline-block; - border-radius: 2rem; - padding: 0 1rem; - text-decoration: none; - white-space: nowrap; - color: #FFFFFF; - border: none; - font-family: "Raleway", Arial, sans-serif; - background-color: transparent; - color: #212224; - display: inline-flex; - gap: 0.5rem; - border: 1px solid #212224; - align-items: center; -} -.c-table__filters__btn:disabled { - pointer-events: none; - filter: grayscale(1) opacity(0.4); -} -.c-table__filters__btn:hover { - background-color: #212224; - color: #FFFFFF; -} -.c-table__filters__btn.is-active { - background-color: #212224; - color: #FFFFFF; -} - -.c-table__filters__search { - flex-grow: 1; - order: 2; -} -@media all and (min-width: 768px) { - .c-table__filters__search { - text-align: center; - order: 0; - } -} - -.c-table__search__input { - background: 96% center/16px no-repeat; - background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.34779 12.0569C3.39471 12.0569 0.992188 9.58191 0.992188 6.5397C0.992188 3.4975 3.39471 1.02246 6.34779 1.02246C9.30087 1.02246 11.7034 3.4975 11.7034 6.5397C11.7034 9.58191 9.30087 12.0569 6.34779 12.0569ZM6.34779 2.12591C3.98543 2.12591 2.06331 4.10605 2.06331 6.5397C2.06331 8.97336 3.98543 10.9535 6.34779 10.9535C8.71015 10.9535 10.6323 8.97336 10.6323 6.5397C10.6323 4.10605 8.71068 2.12591 6.34779 2.12591Z' fill='%23212224'/%3E%3Cpath d='M14.0037 14.9771C13.9334 14.9772 13.8637 14.9629 13.7988 14.9352C13.7338 14.9075 13.6748 14.8668 13.6251 14.8155L9.5045 10.5705C9.45477 10.5193 9.41533 10.4585 9.38842 10.3915C9.36151 10.3246 9.34766 10.2529 9.34766 10.1804C9.34766 10.108 9.36151 10.0362 9.38842 9.96932C9.41533 9.90239 9.45477 9.84158 9.5045 9.79036C9.55422 9.73913 9.61325 9.6985 9.67822 9.67078C9.74318 9.64305 9.81282 9.62878 9.88314 9.62878C9.95346 9.62878 10.0231 9.64305 10.0881 9.67078C10.153 9.6985 10.2121 9.73913 10.2618 9.79036L14.3824 14.0353C14.4575 14.1124 14.5087 14.2107 14.5295 14.3178C14.5503 14.4249 14.5398 14.5359 14.4992 14.6369C14.4587 14.7378 14.3899 14.824 14.3017 14.8846C14.2135 14.9451 14.1098 14.9774 14.0037 14.9771Z' fill='%23212224'/%3E%3C/svg%3E%0A"); - line-height: 2rem; - height: 2rem; - padding: 0 1rem; - border: 1px solid #E2E2E2; - border-radius: 1rem; - transition: 0.25s; - max-width: 100%; - width: 100%; -} -@media all and (min-width: 992px) { - .c-table__search__input { - width: 18.75rem; - } -} -.c-table__search__input:focus { - border-color: #212224; -} - -.c-table__filters__more { - text-align: right; - width: 40%; - max-width: 100%; -} -@media all and (min-width: 768px) { - .c-table__filters__more { - width: auto; - } -} -@media all and (min-width: 1120px) { - .c-table__filters__more { - width: auto; - } -} - -.c-table--sortable table, .c-table--responsive table { - display: flex; -} -@media all and (min-width: 992px) { - .c-table--sortable table, .c-table--responsive table { - display: table; - } -} -.c-table--sortable table thead, .c-table--responsive table thead { - display: none; -} -@media all and (min-width: 992px) { - .c-table--sortable table thead, .c-table--responsive table thead { - display: table-row-group; - } -} -.c-table--sortable tbody, .c-table--responsive tbody { - display: flex; - flex-wrap: wrap; - margin-top: 2.5rem; - gap: 1.25rem; -} -@media all and (min-width: 768px) { - .c-table--sortable tbody, .c-table--responsive tbody { - gap: 2.5rem 2rem; - } -} -@media all and (min-width: 992px) { - .c-table--sortable tbody, .c-table--responsive tbody { - display: table-row-group; - } -} -.c-table--sortable tbody tr, .c-table--responsive tbody tr { - display: flex; - width: 100%; - flex-wrap: wrap; - background: #FFFFFF; - border-radius: 0.5rem; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.06); - padding: 0.75rem 1rem 1rem; -} -@media (min-width: 568px) { - .c-table--sortable tbody tr, .c-table--responsive tbody tr { - width: calc(50% - 0.65rem); - } -} -@media all and (min-width: 768px) { - .c-table--sortable tbody tr, .c-table--responsive tbody tr { - width: calc(50% - 1rem); - } -} -@media all and (min-width: 992px) { - .c-table--sortable tbody tr, .c-table--responsive tbody tr { - display: table-row; - width: auto; - box-shadow: none; - } -} -.c-table--sortable tbody tr td, .c-table--sortable tbody tr th, .c-table--responsive tbody tr td, .c-table--responsive tbody tr th { - border: none; - padding: 0.125rem 0 !important; - height: auto !important; -} -@media all and (min-width: 992px) { - .c-table--sortable tbody tr td, .c-table--sortable tbody tr th, .c-table--responsive tbody tr td, .c-table--responsive tbody tr th { - height: 3.125rem !important; - padding: 0.5rem 1rem !important; - border-right: 1px solid #E2E2E2; - border-bottom: 1px solid #E2E2E2; - } - .c-table--sortable tbody tr td:last-child, .c-table--sortable tbody tr th:last-child, .c-table--responsive tbody tr td:last-child, .c-table--responsive tbody tr th:last-child { - border-right: 0; - } -} -.c-table--sortable tbody tr td:nth-child(2), .c-table--responsive tbody tr td:nth-child(2) { - margin-left: auto; -} -.c-table--sortable tbody tr td:nth-child(3), .c-table--sortable tbody tr td:nth-child(4), .c-table--sortable tbody tr td:nth-child(5), .c-table--sortable tbody tr td:nth-child(6), .c-table--responsive tbody tr td:nth-child(3), .c-table--responsive tbody tr td:nth-child(4), .c-table--responsive tbody tr td:nth-child(5), .c-table--responsive tbody tr td:nth-child(6) { - width: 100%; -} -@media all and (min-width: 992px) { - .c-table--sortable tbody tr td:nth-child(3), .c-table--sortable tbody tr td:nth-child(4), .c-table--sortable tbody tr td:nth-child(5), .c-table--sortable tbody tr td:nth-child(6), .c-table--responsive tbody tr td:nth-child(3), .c-table--responsive tbody tr td:nth-child(4), .c-table--responsive tbody tr td:nth-child(5), .c-table--responsive tbody tr td:nth-child(6) { - width: auto; - } -} -.c-table--sortable tbody tr td:nth-child(6), .c-table--responsive tbody tr td:nth-child(6) { - margin-top: 0.5rem; -} - -.c-modal { - background-color: #FFFFFF; - opacity: 1; - border-radius: 0.5rem; - position: fixed; - left: 50%; - top: 50%; - transform: translateX(-50%) translateY(-50%); - width: 96%; - max-height: 98vh; - overflow: hidden; -} -@media all and (min-width: 768px) { - .c-modal { - width: 37.5rem; - } -} -@media all and (min-width: 1120px) { - .c-modal { - width: 48.75rem; - } -} - -.c-modal--sm { - width: auto; - min-width: 20rem; - max-width: 98%; -} - -.c-modal__scroll { - overflow-x: hidden; - overflow-y: auto; - scroll-behavior: smooth; - scrollbar-width: thin; - scrollbar-color: #A7A8AA #EFEFF1; - /* width */ - /* Track */ - /* Handle */ - max-height: calc(98vh - 2.5rem); -} -.c-modal__scroll ::-webkit-scrollbar { - width: 20px; - border-radius: 12px; -} -.c-modal__scroll ::-webkit-scrollbar-track { - background: #EFEFF1; - border-radius: 1.25rem; -} -.c-modal__scroll ::-webkit-scrollbar-thumb { - background: #A7A8AA; -} -@media all and (min-width: 768px) { - .c-modal__scroll { - padding-right: 1rem; - max-height: calc(98vh - 3rem); - } -} -@media all and (min-width: 1120px) { - .c-modal__scroll { - padding-right: 2.25rem; - max-height: calc(98vh - 4.5rem); - } -} - -.c-modal__scroll__content { - padding: 1.25rem 1rem; - position: relative; -} -@media all and (min-width: 768px) { - .c-modal__scroll__content { - padding: 1.5rem 1.25rem; - width: 37.5rem; - } -} -@media all and (min-width: 1120px) { - .c-modal__scroll__content { - padding: 2.25rem 2.5rem; - width: 48.75rem; - } -} - -.c-modal__header { - padding-bottom: 1.875rem; - border-bottom: 1px solid #E2E2E2; -} - -.c-modal__header__title { - color: #48A23F; - display: flex; - gap: 0.5rem; - align-items: center; - margin-bottom: 1rem; - font-weight: 800; - font-size: 0.875rem; - line-height: 1.5rem; -} - -.c-modal__header__subject { - display: flex; - gap: 1rem; - align-items: center; - margin-bottom: 1.25rem; -} - -.c-modal__header__subject__title { - font-weight: 900; - font-size: 6vw; - line-height: 1.25; -} -@media all and (min-width: 768px) { - .c-modal__header__subject__title { - font-size: 1.875rem; - line-height: 1.875rem; - } -} - -.c-modal__header__desc { - display: flex; - gap: 0.5rem; - align-items: center; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} - -.c-modal__close-btn { - position: absolute; - padding: 0; - border: none; - border-radius: 50%; - background: transparent; - right: 1rem; - top: 1rem; - display: flex; - align-items: center; - justify-content: center; -} -.c-modal__close-btn:hover { - opacity: 0.7; -} -@media all and (min-width: 768px) { - .c-modal__close-btn { - right: 1.25rem; - top: 1.25rem; - } -} -@media all and (min-width: 1120px) { - .c-modal__close-btn { - right: 2.25rem; - top: 2.25rem; - } -} - -.c-modal__grid { - display: flex; - gap: 0.75rem; -} -@media all and (min-width: 768px) { - .c-modal__grid { - gap: 0 1.25rem; - } -} -@media all and (min-width: 992px) { - .c-modal__grid { - gap: 0 1.875rem; - } -} -@media all and (min-width: 1120px) { - .c-modal__grid { - gap: 0 2.5rem; - } -} - -.c-modal__grid--gap:nth-child(-n+2) { - gap: 0.75rem; -} -@media all and (min-width: 768px) { - .c-modal__grid--gap:nth-child(-n+2) { - gap: 1.25rem; - } -} -@media all and (min-width: 992px) { - .c-modal__grid--gap:nth-child(-n+2) { - gap: 1.875rem; - } -} -@media all and (min-width: 1120px) { - .c-modal__grid--gap:nth-child(-n+2) { - gap: 2.5rem; - } -} - -.c-modal__main { - padding: 2.5rem 0; -} - -.c-modal__main__info { - background-color: #EFEFF1; - display: flex; - flex-direction: column; - gap: 1rem; - padding: 1rem; - border-radius: 0.5rem; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - width: calc(50% - 0.375rem); - align-items: center; - text-align: center; -} -@media all and (min-width: 768px) { - .c-modal__main__info { - padding: 1.5rem; - width: calc(50% - 0.75rem); - } -} -@media all and (min-width: 992px) { - .c-modal__main__info { - padding: 1.5rem; - width: calc(50% - 0.9375rem); - } -} -@media all and (min-width: 1120px) { - .c-modal__main__info { - padding: 1.5rem; - width: calc(50% - 1.25rem); - } -} -.c-modal__main__info h3 { - line-height: 30px; -} - -.c-modal__main__info__wrapper { - height: 100%; - padding: 1.5rem 0 0 0; -} -@media all and (min-width: 1120px) { - .c-modal__main__info__wrapper { - padding: 1.5rem 0.375rem 0 0; - } -} - -.c-modal__main__info--black { - background-color: #212224; - color: #FFFFFF; -} - -.c-modal__main__info--orange { - background: linear-gradient(90deg, #E66300 1.35%, #FF6E00 98.65%); - color: #FFFFFF; -} - -.c-modal__main__info--white { - background-color: #FFFFFF; - padding: 0; -} -.c-modal__main__info--white span { - text-align: left; -} - -.c-modal__main__info--wide { - width: 100%; -} -@media all and (min-width: 768px) { - .c-modal__main__info--wide { - width: calc(50% - 0.75rem); - } -} -@media all and (min-width: 992px) { - .c-modal__main__info--wide { - width: calc(50% - 0.9375rem); - } -} -@media all and (min-width: 1120px) { - .c-modal__main__info--wide { - width: calc(50% - 1.25rem); - } -} - -.c-modal__col { - width: calc(50% - 0.375rem); -} -@media all and (min-width: 768px) { - .c-modal__col { - width: calc(50% - 0.75rem); - } -} -@media all and (min-width: 992px) { - .c-modal__col { - width: calc(50% - 0.9375rem); - } -} -@media all and (min-width: 1120px) { - .c-modal__col { - width: calc(50% - 1.25rem); - } -} - -.c-modal-overlay { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(21, 21, 21, 0.5); - z-index: 9999; - visibility: hidden; - opacity: 0; - transition: 0.25s; -} -.c-modal-overlay.is-open { - visibility: visible; - opacity: 1; -} - -.c-modal label:not(.o-checkbox) { - width: 100%; - display: block; - padding-left: 1rem; - margin-bottom: 0.5rem; - font-weight: 800; - font-size: 0.875rem; - line-height: 1.5rem; -} -.c-modal .c-modal__col:nth-child(2) label { - padding-left: 0; -} - -.c-modal__calculation { - padding: 0.75rem 0; - display: block; -} - -.c-modal__input-desc { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - color: #A7A8AA; - padding-left: 1rem; - margin-top: 1rem; - display: block; -} - -.c-modal__link { - font-weight: 500; - font-size: 0.875rem; - line-height: 0.875rem; - text-decoration: underline; - color: #0085ca; -} -.c-modal__link:hover { - color: #212224; -} - -.c-modal__link--first-col { - display: inline-block; - margin-top: 1.5rem; - margin-left: 1rem; -} - -.c-modal__footer { - display: flex; - justify-content: space-between; -} - -.c-modal__footer__col { - display: flex; - gap: 1.5rem; -} - -.c-modal--error { - padding: 1.5rem; -} -.c-modal--error .c-modal__header__title { - color: #fc2043; -} -.c-modal--error .c-modal__header__subject__title { - font-size: 1.5rem; - word-break: break-word; -} -.c-modal--error .c-modal__header { - padding: 0 0 0.5rem; -} -.c-modal--error .c-modal__main { - padding: 0.5rem 0; -} - -.c-modal.c-modal--bill .c-modal__grid { - gap: 1.875rem; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill .c-modal__grid { - gap: 0 1.25rem; - } -} -@media all and (min-width: 992px) { - .c-modal.c-modal--bill .c-modal__grid { - gap: 0 1.875rem; - } -} -@media all and (min-width: 1120px) { - .c-modal.c-modal--bill .c-modal__grid { - gap: 0 2.5rem; - } -} -.c-modal.c-modal--bill .c-modal__main { - padding: 1.875rem 0 3.125rem 0; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill .c-modal__main { - padding: 2.5rem 0; - } -} -.c-modal.c-modal--bill .c-modal__scroll__content { - padding: 2.5rem 1.25rem 1.875rem 1.25rem; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill .c-modal__scroll__content { - padding: 2.5rem; - } -} -.c-modal.c-modal--bill .c-modal__header__title { - color: #A7A8AA; -} -.c-modal.c-modal--bill .c-modal__text-title { - margin-bottom: 20px; - padding-left: 0; -} -.c-modal.c-modal--bill .c-modal__text { - color: #212224; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; -} -.c-modal.c-modal--bill .c-modal__extrainfo { - gap: 70px; -} -.c-modal.c-modal--bill td { - word-break: break-all; -} -.c-modal.c-modal--bill td strong { - word-break: break-all; -} -.c-modal.c-modal--bill thead th { - background-color: #A7A8AA; -} -.c-modal.c-modal--bill thead th:first-child { - padding: 0; - font-size: 0; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill thead th:first-child { - padding: 0.5rem 1rem; - font-size: 14px; - } -} -.c-modal.c-modal--bill tbody tr { - transition: background 0.3s; -} -.c-modal.c-modal--bill tbody tr td { - transition: font-weight 0.3s; -} -.c-modal.c-modal--bill tbody tr td:first-child { - padding: 0; - font-size: 0; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill tbody tr td:first-child { - padding: 0.5rem 1rem; - font-size: 14px; - } -} -.c-modal.c-modal--bill tbody tr:hover { - background-color: #EFEFF1; -} -.c-modal.c-modal--bill tfoot td { - background-color: #212224; - color: #FFFFFF; - font-weight: 800; - border: 0; -} -.c-modal.c-modal--bill .c-modal__footer { - margin-bottom: 20px; -} -.c-modal.c-modal--bill .c-modal__footer .c-btn { - font-size: 0.875rem; -} -.c-modal.c-modal--bill .c-modal__col { - width: 100%; -} -@media all and (min-width: 768px) { - .c-modal.c-modal--bill .c-modal__col { - width: calc(50% - 0.75rem); - } -} -@media all and (min-width: 992px) { - .c-modal.c-modal--bill .c-modal__col { - width: calc(50% - 0.9375rem); - } -} -@media all and (min-width: 1120px) { - .c-modal.c-modal--bill .c-modal__col { - width: calc(50% - 1.25rem); - } -} - -.c-modal--fp .c-modal__header__title span:last-child { - color: #0085ca; -} - -.c-modal--vi .c-modal__header { - padding-bottom: 0.625rem; -} - -.c-notices { - background-color: #FFFFFF; - background-color: #FFFFFF; - box-shadow: 0 0 48px rgba(0, 0, 0, 0.12); - position: absolute; - top: 1.5rem; - right: 0; - width: 21.25rem; - z-index: 999; - padding: 0 1rem; - border-radius: 0.5rem; - opacity: 1; - visibility: visible; - transition: 0.25s; - color: #212224; - font-size: 0.875rem; - line-height: 1.2; -} -.c-notices a { - padding: 0 !important; -} -@media all and (min-width: 992px) { - .c-notices { - top: 3rem; - right: 2rem; - } -} -.c-notices.is-hidden { - visibility: hidden; - opacity: 0; -} - -.c-notices__footer { - padding: 0.625rem 0 0.75rem; -} - -.c-notice { - border-bottom: 1px solid #E2E2E2; - padding: 1rem 0; -} - -.c-notice__header { - display: flex; - gap: 0.5rem; - align-items: center; - font-weight: 800; -} - -.c-notice__main { - margin: 0.5rem 0; -} - -.c-login__title { - line-height: 1.875rem; - margin-bottom: 1rem; -} -@media all and (min-width: 768px) { - .c-login__title { - margin-bottom: 1.875rem; - } -} - -.c-login__explanation { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - margin-bottom: 1.875rem; -} - -.c-login__button { - padding: 0.375rem 1rem; - font-size: 0.875rem; - line-height: 1.25rem; -} - -.c-login__icons { - gap: 1rem; -} - -.c-login__input { - margin-bottom: 1.875rem; -} - -.c-login__btns-wrapper { - margin-bottom: 1.875rem; - gap: 1rem; -} - -.c-login__btns { - display: flex; - gap: 1rem; - flex-wrap: wrap; -} - -.c-login__btn { - font-size: 0.875rem; - flex-shrink: 0; -} -@media all and (min-width: 768px) { - .c-login__btn:first-child { - margin: 0 0.625rem 0 0; - } -} - -.c-login__checkbox-container { - margin-top: 0.4375rem; -} -.c-login__checkbox-container .o-checkbox-text { - white-space: nowrap; -} - -.c-login__links { - flex-wrap: wrap; - gap: 8px; -} - -.c-login__remind-link { - color: #0085ca; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - text-decoration-line: underline; - cursor: pointer; -} - -.c-account__title-wrapper { - flex-direction: column-reverse; -} -@media all and (min-width: 768px) { - .c-account__title-wrapper { - flex-direction: row; - } -} - -.c-account__title { - margin-top: 0; - margin-bottom: 1.5rem; -} -@media all and (min-width: 768px) { - .c-account__title { - margin-bottom: 2rem; - } -} - -.c-account--mainpage .c-account_editicons > svg:first-child { - display: none; -} - -.c-account_editicons { - gap: 8px; - height: 2rem; - margin-bottom: 1.5rem; -} -.c-account_editicons > svg { - cursor: pointer; - opacity: 1; - transition: opacity 0.3s; -} -.c-account_editicons > svg:nth-last-child(-n+2) { - display: none; -} -.c-account_editicons > svg:hover { - opacity: 0.7; -} -.c-account_editicons.is-editable > svg:nth-last-child(-n+2) { - display: inline-flex; -} -.c-account_editicons.is-editable > svg:nth-child(-n+2) { - display: none; -} - -.c-account__input-wrapper { - flex-wrap: wrap; - gap: 0; - max-width: 450px; - justify-content: space-between; -} -@media all and (min-width: 768px) { - .c-account__input-wrapper { - column-gap: 15px; - justify-content: flex-start; - } -} -.c-account__input-wrapper .c-account__input { - width: 100%; - flex-shrink: 0; -} -@media all and (min-width: 374px) { - .c-account__input-wrapper .c-account__input { - width: 50%; - } -} -@media all and (min-width: 768px) { - .c-account__input-wrapper .c-account__input { - width: 8.1875rem; - } -} -@media all and (min-width: 768px) { - .c-account__input-wrapper .c-account__input:last-child { - width: 10.3125rem; - } -} -.c-account__input-wrapper span { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - padding: 0.75rem 1rem; -} -.c-account__input-wrapper span:last-child { - padding-right: 0; -} -.c-account__input-wrapper .c-account__input--readonly label { - margin-bottom: 1.25rem; -} -.c-account__input-wrapper .c-account__input--readonly input { - border: 0; - padding: 0; -} - -.c-account__input--editable input, -.c-account__input--editable select { - border-color: transparent; - transition: border 0.5s; -} -.c-account__input--editable.is-editable input, -.c-account__input--editable.is-editable select { - border: 1px solid #e2e2e2; -} - -.c-account__checkbox { - gap: 16px; -} -.c-account__checkbox label { - margin: 0; -} - -.c-account .c-account__checkbox label { - margin: 0; - margin-top: 0.3125rem; -} - -.c-account__chekboxtitle { - color: #212224; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; -} - -.c-acount__link { - color: #0085ca; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - text-decoration-line: underline; - margin-bottom: 1.875rem; - display: block; -} - -.c-acount__buttons { - gap: 5px; -} -@media all and (min-width: 374px) { - .c-acount__buttons { - gap: 10px; - } -} -@media all and (min-width: 768px) { - .c-acount__buttons { - gap: 24px; - } -} - -.c-acount__button { - font-size: 0.6875rem; -} -@media all and (min-width: 374px) { - .c-acount__button { - font-size: 0.875rem; - } -} - -.c-acount__button--icon { - display: inline-flex; - align-items: center; - gap: 10px; -} - -.c-account__label-explain { - display: flex; - justify-content: space-between; -} -.c-account__label-explain span { - font-weight: 500; -} -.c-account__label-explain span:first-child { - display: block; -} -@media all and (min-width: 768px) { - .c-account__label-explain span:first-child { - display: inline-block; - } -} -.c-account__label-explain > span { - color: #A7A8AA; - margin-right: 1rem; - display: none; -} -@media all and (min-width: 768px) { - .c-account__label-explain > span { - display: block; - } -} -@media all and (min-width: 992px) { - .c-account__label-explain > span { - display: none; - } -} -@media all and (min-width: 1480px) { - .c-account__label-explain > span { - display: block; - } -} - -.c-account__input-explain { - color: #A7A8AA; - text-align: right; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - display: block; -} -@media all and (min-width: 768px) { - .c-account__input-explain { - display: none; - } -} -@media all and (min-width: 992px) { - .c-account__input-explain { - display: block; - } -} -@media all and (min-width: 1480px) { - .c-account__input-explain { - display: none; - } -} - -.c-account__title--password { - margin-bottom: 1.5rem; -} -@media all and (min-width: 768px) { - .c-account__title--password { - margin-bottom: 2rem; - } -} - -.o-checkbox-text { - margin-left: 0.5rem; - white-space: normal; -} -@media all and (min-width: 768px) { - .o-checkbox-text { - margin-left: 1rem; - } -} -.o-checkbox-text:first-child { - margin-bottom: 1.5rem; -} -@media all and (min-width: 768px) { - .o-checkbox-text:first-child { - margin-bottom: 2rem; - } -} -.o-checkbox-text a { - color: #0085ca; - text-decoration: underline; -} - -.c-account__title--confirm { - margin-bottom: 0.5rem; -} - -.c-account__subtitle { - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - margin: 0 0 1rem 0; -} -@media all and (min-width: 768px) { - .c-account__subtitle { - margin: 0 0 1.5rem 0; - } -} -@media all and (min-width: 992px) { - .c-account__subtitle { - margin: 0 0 2rem 0; - } -} - -.c-account__btns { - justify-content: center; -} -@media all and (min-width: 992px) { - .c-account__btns { - justify-content: flex-start; - } -} - -.c-account--createnew .o-checkbox-container--green .o-checkbox-text { - margin-bottom: 0; -} -@media all and (min-width: 992px) { - .c-account--createnew .o-checkbox-container--green { - padding-bottom: 2.5rem; - } -} -.c-account--createnew .c-account__btn { - margin: 0 auto; - display: block; -} -@media all and (min-width: 992px) { - .c-account--createnew .c-account__btn { - margin: 0; - } -} - -.c-wishlist__table tr th { - white-space: nowrap; -} -.c-wishlist__table tbody { - margin-top: 1.5rem; -} -@media all and (min-width: 992px) { - .c-wishlist__table tbody { - margin-top: 1.875rem; - } -} -@media all and (min-width: 992px) { - .c-wishlist__table tbody { - margin-top: 0; - } -} -.c-wishlist__table tbody tr td:nth-child(1) { - order: 2; - margin-left: auto; - font-weight: 800; -} -@media all and (min-width: 992px) { - .c-wishlist__table tbody tr td:nth-child(1) { - order: 1; - margin-left: 0; - font-weight: 500; - } -} -.c-wishlist__table tbody tr td:nth-child(2) { - font-weight: 800; - order: 1; - margin-left: 0; - max-width: 90%; - margin-bottom: 0.5rem; -} -@media all and (min-width: 992px) { - .c-wishlist__table tbody tr td:nth-child(2) { - order: 2; - width: 100%; - margin-bottom: 0; - } -} -.c-wishlist__table tbody tr td:nth-child(3) { - order: 3; - margin-bottom: 0.875rem; -} -@media all and (min-width: 992px) { - .c-wishlist__table tbody tr td:nth-child(3) { - margin-bottom: 0; - } -} -.c-wishlist__table tbody tr td:nth-child(4) { - order: 4; -} - -.c-table__filters__search--whishlist { - margin: 0 -1rem; -} -@media all and (min-width: 768px) { - .c-table__filters__search--whishlist { - margin: auto; - } -} -.c-table__filters__search--whishlist .c-table__filters__search { - text-align: left; -} -.c-table__filters__search--whishlist input { - width: 11.25rem; - margin-right: 0.3125rem; - font-size: 0.75rem; -} -@media all and (min-width: 374px) { - .c-table__filters__search--whishlist input { - width: 15.9375rem; - margin-right: 1rem; - font-size: 0.875rem; - } -} -@media all and (min-width: 992px) { - .c-table__filters__search--whishlist input { - width: 550px; - } -} - -.c-whishlist__notice { - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - display: inline-block; - padding-top: 30px; -} -@media all and (min-width: 768px) { - .c-whishlist__notice { - padding-top: 40px; - } -} -@media all and (min-width: 992px) { - .c-whishlist__notice { - padding-top: 60px; - } -} - -.c-wishlist__btn { - font-size: 0.875rem; -} - -.c-account--adresses .c-account_editicons { - width: 100%; -} -@media all and (min-width: 992px) { - .c-account--adresses .c-account_editicons { - width: unset; - } -} -.c-account--adresses input { - max-width: 550px; -} -.c-account--adresses .c-account__input-title input { - border-radius: 0; -} -.c-account--adresses .c-account__input-title.is-editable input { - border-color: transparent; - border-bottom-color: #E2E2E2; -} -.c-account--adresses .c-account__input-wrapper { - max-width: 100%; - flex-wrap: wrap; - column-gap: 8px; -} -@media all and (min-width: 768px) { - .c-account--adresses .c-account__input-wrapper { - column-gap: 16px; - } -} -.c-account--adresses .c-account__input-wrapper .c-account__input input { - width: 100%; -} -.c-account--adresses .c-account__input-wrapper .c-account__input select { - cursor: pointer; - min-width: 62px; - width: fit-content; - background-position: right 0.6rem center; -} -.c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(1) { - width: 100%; -} -.c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(2) { - width: 88px; -} -.c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(3) { - width: 88px; -} -.c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(4) { - width: fit-content; -} -@media all and (min-width: 768px) { - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(1) { - width: 200px; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(2) { - width: 130px; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(3) { - width: 108px; - } -} -@media all and (min-width: 1120px) { - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(1) { - width: 100%; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(2) { - width: 88px; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(3) { - width: 88px; - } -} -@media all and (min-width: 1480px) { - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(1) { - width: 200px; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(2) { - width: 130px; - } - .c-account--adresses .c-account__input-wrapper .c-account__input:nth-child(3) { - width: 108px; - } -} - -.c-fp__btns-wrapper { - gap: 1rem; -} - -.c-fp__input { - margin-bottom: 40px; -} - -.c-fp__btn { - font-size: 0.875rem; -} - -.c-imagebox { - position: relative; -} - -.c-imagebox__img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 0.5rem; -} - -.c-imagebox__text-wrapper { - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - border-radius: 0.75rem; - background: rgba(255, 255, 255, 0.65); - backdrop-filter: blur(2.7843136787px); - width: 23.75rem; - max-width: 90%; - height: 70px; - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 1.125rem; - text-decoration: none; -} - -.c-imagebox__text { - color: #212224; - font-size: 0.75rem; - font-weight: 500; - line-height: 1rem; - margin-left: 0.9375rem; -} -.c-imagebox__text strong { - font-weight: 700; - display: block; -} - -.c-imagebox__cta { - color: #555555; - font-size: 0.75rem; - font-weight: 500; - line-height: 1rem; - flex: 1; - text-align: right; -} - -@media all and (min-width: 992px) { - .c-textbox { - padding: 0 2.75rem; - } -} -.c-textbox p { - color: #212224; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.75rem; - margin: 0 0 1rem 0; -} -@media all and (min-width: 992px) { - .c-textbox p { - font-size: 1.125rem; - font-weight: 500; - margin: 0 0 1.875rem 0; - } -} -.c-textbox p strong { - font-weight: 500; -} -@media all and (min-width: 992px) { - .c-textbox p strong { - font-size: 1rem; - font-weight: 700; - } -} - -.c-auctiondesc__wrapper { - width: 732px; - max-width: 100%; -} -.c-auctiondesc__wrapper p { - color: #212224; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - margin: 0 0 1rem 0; -} -.c-auctiondesc__wrapper p strong { - font-weight: 800; -} -.c-auctiondesc__wrapper p a { - color: #0085ca; - text-decoration: underline; -} - -.c-accordion .c-accordion__item { - padding: 2.125rem 0; - border-top: 1px solid #E2E2E2; -} -.c-accordion .c-accordion__item:last-child { - border-bottom: 1px solid #E2E2E2; -} -.c-accordion .c-accordion__item.active .o-arrowdown-icon { - transform: rotate(180deg); - transition: transform 0.3s; -} -.c-accordion .c-accordion__question { - color: #212224; - font-size: 1.125rem; - font-weight: 800; - line-height: 1.75rem; - margin: 0; - cursor: pointer; -} -.c-accordion .c-accordion__answer { - color: #212224; - font-size: 0.875rem; - font-weight: 500; - line-height: 1.5rem; - margin: 0.5rem 0 0 0; -} - -.pagy-nav .page.prev, -.pagy-nav .page.prev a, -.pagy-nav .page.next, -.pagy-nav .page.next a { - width: 2rem; - height: 2rem; - border-radius: 1rem !important; - border: 1px solid #E2E2E2 !important; - display: flex !important; - justify-content: center; - align-items: center; - padding: 0 !important; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - border: none !important; - padding: 0.25rem 0.25rem !important; - width: 5rem; -} - -.pagy-nav .page.active { - width: 2rem; - height: 2rem; - border-radius: 1rem !important; - border: 1px solid #E2E2E2 !important; - display: flex !important; - justify-content: center; - align-items: center; - padding: 0 !important; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; - background-color: #48A23F !important; - border-color: #48A23F !important; - color: #FFFFFF !important; -} - -.pagy-nav .page.gap { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - -.pagy-nav .page a { - text-decoration: none; - color: black !important; - width: 2rem; - height: 2rem; - border-radius: 1rem !important; - border: 1px solid #E2E2E2 !important; - display: flex !important; - justify-content: center; - align-items: center; - padding: 0 !important; - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} - -.pagy-nav .page a:hover { - color: #212224 !important; - background: #E2E2E2 !important; -} - -.pagy-nav { - display: flex; - justify-content: center; - width: 100%; - margin-top: 3rem; - gap: 1.5rem; -} -.pagy-nav span { - display: flex; - gap: 0.5rem; -} - -.u-clear-both { - clear: both; -} - -[class^=icon-], [class*=" icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: "leanestIconFont" !important; - speak: never; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-arrow-down:before { - content: "\e900"; -} - -.icon-facebook:before { - content: "\e901"; -} - -.icon-file:before { - content: "\e902"; -} - -.icon-frame:before { - content: "\e903"; -} - -.icon-image:before { - content: "\e904"; -} - -.icon-leanest-min { - display: flex; - font-size: 2.5rem; -} - -.icon-leanest-min .path1:before { - content: "\e905"; - color: rgb(46, 95, 124); -} - -.icon-leanest-min .path2:before { - content: "\e906"; - margin-left: -1em; - color: rgb(255, 255, 255); -} - -.icon-leanest-min .path3:before { - content: "\e907"; - margin-left: -1em; - color: rgb(255, 255, 255); -} - -.icon-leanest-min .path4:before { - content: "\e908"; - margin-left: -1em; - color: rgb(255, 255, 255); -} - -.icon-linkedin:before { - content: "\e909"; -} - -.icon-logo:before { - content: "\e90a"; -} - -.icon-marker:before { - content: "\e90b"; -} - -.icon-play:before { - content: "\e90c"; -} - -.icon-space:before { - content: "\e90d"; -} - -.icon-sviiter:before { - content: "\e90e"; -} - -.icon-tile:before { - content: "\e90f"; -} - -.icon-youtube:before { - content: "\e910"; -} - -.u-icon-size { - font-size: 0; - width: 6.25rem; - max-width: 6.25rem; - max-height: 6.25rem; - height: auto; -} - -.u-h1 { - font-weight: 900; - font-size: 2rem; - line-height: 2.5rem; -} -@media all and (min-width: 768px) { - .u-h1 { - font-size: 2rem; - line-height: 2.5rem; - } -} -@media all and (min-width: 992px) { - .u-h1 { - font-size: 2.5rem; - line-height: 3rem; - } -} - -.u-h2 { - font-weight: 900; - font-size: 1.5rem; - line-height: 2rem; -} -@media all and (min-width: 768px) { - .u-h2 { - font-size: 1.75rem; - line-height: 2.25rem; - } -} -@media all and (min-width: 992px) { - .u-h2 { - font-size: 1.875rem; - line-height: 2.5rem; - } -} - -.u-h3 { - font-weight: 900; - font-size: 1.25rem; - line-height: 1.375rem; -} -@media all and (min-width: 768px) { - .u-h3 { - font-size: 1.375rem; - line-height: 1.5rem; - } -} -@media all and (min-width: 992px) { - .u-h3 { - font-size: 1.5rem; - line-height: 1.625rem; - } -} - -.u-t-sm { - font-weight: 500; - font-size: 0.875rem; - line-height: 1.5rem; -} - -.u-t-md { - font-weight: 800; - font-size: 1rem; - line-height: 1.25rem; -} - -.u-text-center { - text-align: center; -} - -.u-text-right { - text-align: right; -} - -.u-text-left-m { - text-align: left; -} - -@media all and (min-width: 992px) { - .u-text-center-l { - text-align: center; - } -} - -.u-word-nowrap { - white-space: nowrap; -} - -.u-bg-blue-gradient { - background: linear-gradient(90deg, #009DE1 1.35%, #0085CA 98.65%); -} - -.u-bg-green-gradient { - background: linear-gradient(90deg, #48A23F 1.35%, #3EB54C 98.65%); -} - -.u-bg-silver-gradient { - background: linear-gradient(90deg, #EEEEF0 0%, #FFFFFF 24.48%, #EEEEF0 51.56%, #FFFFFF 77.08%, #EEEEF0 100%); -} - -.u-mt-0 { - margin-top: 0; -} - -.u-mt-24 { - margin-top: 1.5rem; -} - -.u-mt-32 { - margin-top: 2rem; -} - -.u-mt-40 { - margin-top: 2.5rem; -} - -.u-mt-48 { - margin-top: 3rem; -} - -.u-mt-60 { - margin-top: 3.75rem; -} - -.u-mt-8 { - margin-top: 0.5rem; -} - -@media all and (min-width: 992px) { - .u-mt-48-l { - margin-top: 2.5rem; - } -} - -.u-mb-60 { - margin-bottom: 3.75rem; -} - -.u-mb-48 { - margin-bottom: 3rem; -} - -.u-mb-40 { - margin-bottom: 2.5rem; -} - -@media all and (min-width: 768px) { - .u-mb-40-l { - margin-bottom: 2.5rem; - } -} - -.u-mb-30-48 { - margin-bottom: 1.875rem; -} -@media all and (min-width: 768px) { - .u-mb-30-48 { - margin-bottom: 3rem; - } -} - -.u-mb-36 { - margin-bottom: 2.25rem; -} - -.u-mb-30 { - margin-bottom: 1.875rem; -} - -.u-mb-20 { - margin-bottom: 1.25rem; -} - -.u-mb-8 { - margin-bottom: 0.5rem; -} - -.u-m-none { - margin: 0 !important; -} - -.u-mr-16 { - margin-right: 1rem; -} - -.u-ml-16 { - margin-left: 1rem; -} - -.u-ml-8 { - margin-left: 0.5rem; -} - -.u-ml-4 { - margin-left: 0.25rem; -} - -.u-hidden { - display: none; -} - -.u-hidden-m { - display: none; -} -@media all and (min-width: 768px) { - .u-hidden-m { - display: inline-block; - } -} - -.u-disabled { - pointer-events: none; - color: #A7A8AA; -} - -.u-flex { - display: flex; -} - -.u-flex-col { - flex-direction: column; -} - -.u-flex-wrap { - flex-wrap: wrap; -} - -@media all and (min-width: 992px) { - .u-flex-nowrap-l { - flex-wrap: nowrap; - } -} - -.u-align-center { - align-items: center; -} - -.u-align-start { - align-items: flex-start; -} - -.u-align-end { - align-items: flex-end; -} - -.u-content-center { - justify-content: center; -} - -.u-content-sp { - justify-content: space-between; -} - -.u-content-start { - justify-content: flex-start; -} - -.u-content-end { - justify-content: flex-end; -} - -.u-flex-gap-16 { - gap: 1rem; -} - -.u-flex-gap-12 { - gap: 0.75rem; -} - -@media all and (min-width: 992px) { - .u-flex-gap-50-l { - gap: 3.125rem; - } -} - -.u-flex-gap-24 { - gap: 1.5rem; -} - -:root { - --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - --cc-font-size:16px; - --cc-bg:#fff; - --cc-z-index:2147483647; - --cc-text:#2d4156; - --cc-border-radius:.45rem; - --cc-btn-primary-bg:#2d4156; - --cc-btn-primary-text:var(--cc-bg); - --cc-btn-primary-hover-bg:#1d2e38; - --cc-btn-primary-hover-text:var(--cc-btn-primary-text); - --cc-btn-secondary-bg:#eaeff2; - --cc-btn-secondary-text:var(--cc-text); - --cc-btn-secondary-hover-bg:#d8e0e6; - --cc-btn-secondary-hover-text:var(--cc-btn-secondary-text); - --cc-btn-border-radius:0.375rem; - --cc-toggle-bg-off:#919ea6; - --cc-toggle-bg-on:var(--cc-btn-primary-bg); - --cc-toggle-bg-readonly:#d5dee2; - --cc-toggle-knob-bg:#fff; - --cc-toggle-knob-icon-color:#ecf2fa; - --cc-block-text:var(--cc-text); - --cc-cookie-category-block-bg:#f0f4f7; - --cc-cookie-category-block-bg-hover:#e9eff4; - --cc-section-border:#f1f3f5; - --cc-cookie-table-border:#e9edf2; - --cc-overlay-bg:#040608; - --cc-overlay-opacity:.85; - --cc-consent-modal-box-shadow:0 0.625rem 1.875rem rgba(2,2,3,.28); - --cc-webkit-scrollbar-bg:#cfd5db; - --cc-webkit-scrollbar-bg-hover:#9199a0; -} - -.c_darkmode { - --cc-bg:#181b1d; - --cc-text:#d8e5ea; - --cc-btn-primary-bg:#a6c4dd; - --cc-btn-primary-text:#000; - --cc-btn-primary-hover-bg:#c2dff7; - --cc-btn-primary-hover-text:var(--cc-btn-primary-text); - --cc-btn-secondary-bg:#33383c; - --cc-btn-secondary-text:var(--cc-text); - --cc-btn-secondary-hover-bg:#3e454a; - --cc-btn-secondary-hover-text:var(--cc-btn-secondary-text); - --cc-toggle-bg-off:#667481; - --cc-toggle-bg-on:var(--cc-btn-primary-bg); - --cc-toggle-bg-readonly:#454c54; - --cc-toggle-knob-bg:var(--cc-cookie-category-block-bg); - --cc-toggle-knob-icon-color:var(--cc-bg); - --cc-block-text:#b3bfc5; - --cc-cookie-category-block-bg:#23272a; - --cc-cookie-category-block-bg-hover:#2b3035; - --cc-section-border:#292d31; - --cc-cookie-table-border:#2b3035; - --cc-webkit-scrollbar-bg:#667481; - --cc-webkit-scrollbar-bg-hover:#9199a0; -} - -#cc--main { - z-index: 2147483647; - z-index: var(--cc-z-index); -} - -.cc_div *, .cc_div :after, .cc_div :before, .cc_div :hover { - animation: none; - background: none; - border: none; - border-radius: unset; - box-shadow: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: inherit; - float: none; - font-family: inherit; - font-size: 1em; - font-style: inherit; - font-variant: normal; - font-weight: inherit; - height: auto; - letter-spacing: unset; - line-height: 1.2; - margin: 0; - padding: 0; - text-align: left; - text-decoration: none; - text-transform: none; - transition: none; - vertical-align: baseline; - visibility: unset; -} - -.cc_div { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #2d4156; - color: var(--cc-text); - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-family: var(--cc-font-family); - font-size: 16px; - font-size: var(--cc-font-size); - font-weight: 400; - text-rendering: optimizeLegibility; -} - -#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn { - font-weight: 600; -} - -#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl { - border-radius: 0.45rem; - border-radius: var(--cc-border-radius); -} - -#s-bl .act .b-acc { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.cc_div a, .cc_div button, .cc_div input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - overflow: hidden; -} - -.cc_div a { - border-bottom: 1px solid; -} - -.cc_div a:hover { - border-color: transparent; - text-decoration: none; -} - -.cc_div .c-bn > span { - pointer-events: none; -} - -#cm-ov, #cs-ov, .c--anim #cm, .c--anim #s-cnt, .c--anim #s-inr { - transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important; -} - -.c--anim .c-bn { - transition: background-color 0.25s ease !important; -} - -.c--anim #cm.bar.slide, .c--anim #cm.bar.slide + #cm-ov, .c--anim .bar.slide #s-inr, .c--anim .bar.slide + #cs-ov { - transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important; -} - -#cm.bar.slide, .cc_div .bar.slide #s-inr { - opacity: 1; - transform: translateX(100%); -} - -#cm.bar.top.slide, .cc_div .bar.left.slide #s-inr { - opacity: 1; - transform: translateX(-100%); -} - -#cm.slide, .cc_div .slide #s-inr { - transform: translateY(1.6em); -} - -#cm.top.slide { - transform: translateY(-1.6em); -} - -#cm.bar.slide { - transform: translateY(100%); -} - -#cm.bar.top.slide { - transform: translateY(-100%); -} - -.show--consent .c--anim #cm, .show--consent .c--anim #cm.bar, .show--settings .c--anim #s-inr, .show--settings .c--anim .bar.slide #s-inr { - opacity: 1; - transform: scale(1); - visibility: visible !important; -} - -.show--consent .c--anim #cm.box.middle, .show--consent .c--anim #cm.cloud.middle { - transform: scale(1) translateY(-50%); -} - -.show--settings .c--anim #s-cnt { - visibility: visible !important; -} - -.force--consent.show--consent .c--anim #cm-ov, .show--settings .c--anim #cs-ov { - opacity: 0.85 !important; - opacity: var(--cc-overlay-opacity) !important; - visibility: visible !important; -} - -#cm { - background: #fff; - background: var(--cc-bg); - bottom: 1.25em; - box-shadow: 0 0.625em 1.875em #000; - box-shadow: 0 0.625rem 1.875rem rgba(2, 2, 3, 0.28); - box-shadow: var(--cc-consent-modal-box-shadow); - font-family: inherit; - line-height: normal; - max-width: 24.2em; - opacity: 0; - padding: 1em 1.4em 1.3em; - position: fixed; - right: 1.25em; - transform: scale(0.95); - visibility: hidden; - width: 100%; - z-index: 1; -} - -#cc_div #cm { - display: block !important; -} - -#c-ttl { - font-size: 1.05em; - margin-bottom: 0.7em; -} - -.cloud #c-ttl { - margin-top: -0.15em; -} - -#c-txt { - font-size: 0.9em; - line-height: 1.5em; -} - -.cc_div #c-bns { - display: flex; - justify-content: space-between; - margin-top: 1.4em; -} - -.cc_div .c-bn { - background: #eaeff2; - background: var(--cc-btn-secondary-bg); - border-radius: 0.375rem; - border-radius: var(--cc-btn-border-radius); - color: #2d4156; - color: var(--cc-btn-secondary-text); - cursor: pointer; - display: inline-block; - flex: 1; - font-size: 0.82em; - padding: 1em 1.7em; - text-align: center; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -o-user-select: none; - user-select: none; -} - -#c-bns button + button, #s-c-bn, #s-cnt button + button { - float: right; - margin-left: 0.5rem; -} - -#s-cnt #s-rall-bn { - float: none; -} - -#cm .c_link:active, #cm .c_link:hover, #s-c-bn:active, #s-c-bn:hover, #s-cnt button + button:active, #s-cnt button + button:hover { - background: #d8e0e6; - background: var(--cc-btn-secondary-hover-bg); - color: #2d4156; - color: var(--cc-btn-secondary-hover-text); -} - -#s-cnt { - display: table; - height: 100%; - left: 0; - position: fixed; - top: 0; - visibility: hidden; - width: 100%; - z-index: 101; -} - -#s-bl { - outline: none; - scrollbar-width: thin; -} - -#s-bl .title { - margin-top: 1.4em; -} - -#s-bl .b-bn, #s-bl .title:first-child { - margin-top: 0; -} - -#s-bl .b-acc .p { - margin-top: 0; - padding: 1em; -} - -#s-cnt .b-bn .b-tl { - background: none; - display: block; - font-family: inherit; - font-size: 0.95em; - padding: 1.3em 6.4em 1.3em 2.7em; - position: relative; - transition: background-color 0.25s ease; - width: 100%; -} - -#s-cnt .b-bn .b-tl.exp { - cursor: pointer; -} - -#s-cnt .act .b-bn .b-tl { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover { - background: #e9eff4; - background: var(--cc-cookie-category-block-bg-hover); -} - -#s-bl .b-bn { - position: relative; -} - -#s-bl .c-bl { - border: 1px solid #f1f3f5; - border: 1px solid var(--cc-section-border); - margin-bottom: 0.4rem; - padding: 1em; - transition: background-color 0.25s ease; -} - -#s-bl .c-bl:hover { - background: #f0f4f7; - background: var(--cc-cookie-category-block-bg); -} - -#s-bl .c-bl:last-child { - margin-bottom: 0.5em; -} - -#s-bl .c-bl:first-child { - border: none; - margin-bottom: 2em; - margin-top: 0; - padding: 0; - transition: none; -} - -#s-bl .c-bl:not(.b-ex):first-child:hover { - background: transparent; - background: unset; -} - -#s-bl .c-bl.b-ex { - background: #f0f4f7; - background: var(--cc-cookie-category-block-bg); - border: none; - padding: 0; - transition: none; -} - -#s-bl .c-bl.b-ex + .c-bl { - margin-top: 2em; -} - -#s-bl .c-bl.b-ex + .c-bl.b-ex { - margin-top: 0; -} - -#s-bl .c-bl.b-ex:first-child { - margin-bottom: 1em; - margin-bottom: 0.5em; -} - -#s-bl .b-acc { - display: none; - margin-bottom: 0; - max-height: 0; - overflow: hidden; - padding-top: 0; -} - -#s-bl .act .b-acc { - display: block; - max-height: 100%; - overflow: hidden; -} - -#s-cnt .p { - color: #2d4156; - color: var(--cc-block-text); - font-size: 0.9em; - line-height: 1.5em; - margin-top: 0.85em; -} - -.cc_div .b-tg .c-tgl:disabled { - cursor: not-allowed; -} - -#c-vln { - display: table-cell; - position: relative; - vertical-align: middle; -} - -#cs { - bottom: 0; - left: 0; - padding: 0 1.7em; - position: fixed; - right: 0; - top: 0; - width: 100%; -} - -#cs, #s-inr { - height: 100%; -} - -#s-inr { - box-shadow: 0 13px 27px -5px rgba(3, 6, 9, 0.26); - margin: 0 auto; - max-width: 45em; - opacity: 0; - overflow: hidden; - padding-bottom: 4.75em; - padding-top: 4.75em; - position: relative; - transform: scale(0.96); - visibility: hidden; -} - -#s-bns, #s-hdr, #s-inr { - background: #fff; - background: var(--cc-bg); -} - -#s-bl { - display: block; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - overflow-y: overlay; - padding: 1.3em 1.6em; - width: 100%; -} - -#s-bns { - border-top: 1px solid #f1f3f5; - border-top: 1px solid var(--cc-section-border); - bottom: 0; - height: 4.75em; - left: 0; - padding: 1em 1.8em; - position: absolute; - right: 0; -} - -.cc_div .cc-link { - border-bottom: 1px solid #2d4156; - border-bottom: 1px solid var(--cc-btn-primary-bg); - color: #2d4156; - color: var(--cc-btn-primary-bg); - cursor: pointer; - display: inline; - font-weight: 600; - padding-bottom: 0; - text-decoration: none; -} - -.cc_div .cc-link:active, .cc_div .cc-link:hover { - border-color: transparent; -} - -#c-bns button:first-child, #s-bns button:first-child { - background: #2d4156; - background: var(--cc-btn-primary-bg); - color: #fff; - color: var(--cc-btn-primary-text); -} - -#c-bns.swap button:first-child { - background: #eaeff2; - background: var(--cc-btn-secondary-bg); - color: #2d4156; - color: var(--cc-btn-secondary-text); -} - -#c-bns.swap button:last-child { - background: #2d4156; - background: var(--cc-btn-primary-bg); - color: #fff; - color: var(--cc-btn-primary-text); -} - -.cc_div .b-tg .c-tgl:checked ~ .c-tg { - background: #2d4156; - background: var(--cc-toggle-bg-on); -} - -#c-bns button:first-child:active, #c-bns button:first-child:hover, #c-bns.swap button:last-child:active, #c-bns.swap button:last-child:hover, #s-bns button:first-child:active, #s-bns button:first-child:hover { - background: #1d2e38; - background: var(--cc-btn-primary-hover-bg); - color: #fff; - color: var(--cc-btn-primary-hover-text); -} - -#c-bns.swap button:first-child:active, #c-bns.swap button:first-child:hover { - background: #d8e0e6; - background: var(--cc-btn-secondary-hover-bg); - color: #2d4156; - color: var(--cc-btn-secondary-hover-text); -} - -#s-hdr { - border-bottom: 1px solid #f1f3f5; - border-bottom: 1px solid var(--cc-section-border); - display: table; - height: 4.75em; - padding: 0 1.8em; - position: absolute; - top: 0; - width: 100%; - z-index: 2; -} - -#s-hdr, #s-ttl { - vertical-align: middle; -} - -#s-ttl { - display: table-cell; - font-size: 1em; -} - -#s-c-bn { - font-size: 1.45em; - font-weight: 400; - height: 1.7em; - margin: 0; - overflow: hidden; - padding: 0; - position: relative; - width: 1.7em; -} - -#s-c-bnc { - display: table-cell; - vertical-align: middle; -} - -.cc_div span.t-lb { - opacity: 0; - overflow: hidden; - pointer-events: none; - position: absolute; - top: 0; - z-index: -1; -} - -#c_policy__text { - height: 31.25em; - margin-top: 1.25em; - overflow-y: auto; -} - -#c-s-in { - height: 100%; - height: calc(100% - 2.5em); - max-height: 37.5em; - position: relative; - top: 50%; - transform: translateY(-50%); -} - -@media screen and (min-width: 688px) { - #s-bl::-webkit-scrollbar { - background: transparent; - border-radius: 0 0.25em 0.25em 0; - height: 100%; - width: 0.8em; - } - #s-bl::-webkit-scrollbar-thumb { - background: #cfd5db; - background: var(--cc-webkit-scrollbar-bg); - border: 0.25em solid #fff; - border: 0.25em solid var(--cc-bg); - border-radius: 100em; - } - #s-bl::-webkit-scrollbar-thumb:hover { - background: #9199a0; - background: var(--cc-webkit-scrollbar-bg-hover); - } - #s-bl::-webkit-scrollbar-button { - height: 5px; - width: 10px; - } -} -.cc_div .b-tg { - bottom: 0; - display: inline-block; - margin: auto; - right: 0; - right: 1.2em; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; -} - -.cc_div .b-tg, .cc_div .b-tg .c-tgl { - cursor: pointer; - position: absolute; - top: 0; -} - -.cc_div .b-tg .c-tgl { - border: 0; - display: block; - left: 0; - margin: 0; -} - -.cc_div .b-tg .c-tg { - background: #919ea6; - background: var(--cc-toggle-bg-off); - pointer-events: none; - position: absolute; - transition: background-color 0.25s ease, box-shadow 0.25s ease; -} - -.cc_div .b-tg, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tgl, .cc_div span.t-lb { - border-radius: 4em; - height: 1.5em; - width: 3.4em; -} - -.cc_div .b-tg .c-tg.c-ro { - cursor: not-allowed; -} - -.cc_div .b-tg .c-tgl ~ .c-tg.c-ro { - background: #d5dee2; - background: var(--cc-toggle-bg-readonly); -} - -.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after { - box-shadow: none; -} - -.cc_div .b-tg .c-tg:after { - background: #fff; - background: var(--cc-toggle-knob-bg); - border: none; - border-radius: 100%; - box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36); - box-sizing: content-box; - content: ""; - display: block; - height: 1.25em; - left: 0.125em; - position: relative; - top: 0.125em; - transition: transform 0.25s ease; - width: 1.25em; -} - -.cc_div .b-tg .c-tgl:checked ~ .c-tg:after { - transform: translateX(1.9em); -} - -#s-bl table, #s-bl td, #s-bl th { - border: none; -} - -#s-bl tbody tr { - transition: background-color 0.25s ease; -} - -#s-bl tbody tr:hover { - background: #e9eff4; - background: var(--cc-cookie-category-block-bg-hover); -} - -#s-bl table { - border-collapse: collapse; - margin: 0; - overflow: hidden; - padding: 0; - text-align: left; - width: 100%; -} - -#s-bl caption { - border-bottom: 1px solid #e9edf2; - border-bottom: 1px solid var(--cc-cookie-table-border); - font-size: 0.9em; - font-weight: 600; - padding: 0.5rem 1rem; -} - -#s-bl td, #s-bl th { - font-size: 0.8em; - padding: 0.8em 0.625em 0.8em 1.2em; - text-align: left; - vertical-align: top; -} - -#s-bl th { - font-family: inherit; - font-weight: 600; - padding: 1em 1rem; -} - -#s-bl thead tr:first-child { - border-bottom: 1px solid #e9edf2; - border-bottom: 1px solid var(--cc-cookie-table-border); -} - -.force--consent #cs, .force--consent #s-cnt { - width: 100vw; -} - -#cm-ov, #cs-ov { - background: #070707; - background: #040608; - background: var(--cc-overlay-bg); - bottom: 0; - display: none; - left: 0; - opacity: 0; - position: fixed; - right: 0; - top: 0; - transition: none; - visibility: hidden; -} - -.c--anim #cs-ov, .force--consent .c--anim #cm-ov, .force--consent.show--consent #cm-ov, .show--settings #cs-ov { - display: block; -} - -#cs-ov { - z-index: 2; -} - -.force--consent .cc_div { - bottom: 0; - left: 0; - position: fixed; - top: 0; - transition: visibility 0.25s linear; - visibility: hidden; - width: 100%; - width: 100vw; -} - -.force--consent.show--consent .c--anim .cc_div, .force--consent.show--settings .c--anim .cc_div { - visibility: visible; -} - -.force--consent #cm { - position: absolute; -} - -.force--consent #cm.bar { - max-width: 100vw; - width: 100vw; -} - -html.force--consent.show--consent { - overflow-y: hidden !important; -} - -html.force--consent.show--consent, html.force--consent.show--consent body { - height: auto !important; - overflow-x: hidden !important; -} - -.cc_div .act .b-bn .exp:before, .cc_div .b-bn .exp:before { - border: solid #2d4156; - border: solid var(--cc-btn-secondary-text); - border-width: 0 2px 2px 0; - content: ""; - display: inline-block; - left: 1.2em; - margin-right: 15px; - padding: 0.2em; - position: absolute; - top: 50%; - transform: translateY(-50%) rotate(45deg); -} - -.cc_div .act .b-bn .b-tl:before { - transform: translateY(-20%) rotate(225deg); -} - -.cc_div .on-i:before { - border: solid #ecf2fa; - border: solid var(--cc-toggle-knob-icon-color); - border-width: 0 2px 2px 0; - display: inline-block; - left: 0.75em; - padding: 0.1em 0.1em 0.45em; - top: 0.37em; -} - -#s-c-bn:after, #s-c-bn:before, .cc_div .on-i:before { - content: ""; - margin: 0 auto; - position: absolute; - transform: rotate(45deg); -} - -#s-c-bn:after, #s-c-bn:before { - background: #2d4156; - background: var(--cc-btn-secondary-text); - border-radius: 1em; - height: 0.6em; - left: 0.82em; - top: 0.58em; - width: 1.5px; -} - -#s-c-bn:after { - transform: rotate(-45deg); -} - -.cc_div .off-i, .cc_div .on-i { - display: block; - height: 100%; - position: absolute; - right: 0; - text-align: center; - transition: opacity 0.15s ease; - width: 50%; -} - -.cc_div .on-i { - left: 0; - opacity: 0; -} - -.cc_div .off-i:after, .cc_div .off-i:before { - background: #ecf2fa; - background: var(--cc-toggle-knob-icon-color); - content: " "; - display: block; - height: 0.7em; - margin: 0 auto; - position: absolute; - right: 0.8em; - top: 0.42em; - transform-origin: center; - width: 0.09375em; -} - -.cc_div .off-i:before { - transform: rotate(45deg); -} - -.cc_div .off-i:after { - transform: rotate(-45deg); -} - -.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i { - opacity: 1; -} - -.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i { - opacity: 0; -} - -#cm.box.middle, #cm.cloud.middle { - bottom: auto; - top: 50%; - transform: translateY(-37%); -} - -#cm.box.middle.zoom, #cm.cloud.middle.zoom { - transform: scale(0.95) translateY(-50%); -} - -#cm.box.center, #cm.cloud { - left: 1em; - margin: 0 auto; - right: 1em; -} - -#cm.cloud { - max-width: 50em; - overflow: hidden; - padding: 1.2em 1.7em; - text-align: center; - width: unset; -} - -.cc_div .cloud #c-inr { - display: table; - width: 100%; -} - -.cc_div .cloud #c-inr-i { - display: table-cell; - padding-right: 2.4em; - vertical-align: top; - width: 70%; -} - -.cc_div .cloud #c-txt { - font-size: 0.85em; -} - -.cc_div .cloud #c-bns { - display: table-cell; - min-width: 170px; - vertical-align: middle; -} - -#cm.cloud .c-bn { - margin: 0.5rem 0 0; - width: 100%; -} - -#cm.cloud .c-bn:first-child { - margin: 0; -} - -#cm.cloud.left { - margin-right: 1.25em; -} - -#cm.cloud.right { - margin-left: 1.25em; -} - -#cm.bar { - border-radius: 0; - bottom: 0; - left: 0; - max-width: 100%; - padding: 2em; - position: fixed; - right: 0; - width: 100%; -} - -#cm.bar #c-inr { - margin: 0 auto; - max-width: 32em; -} - -#cm.bar #c-bns { - max-width: 33.75em; -} - -#cm.bar #cs { - padding: 0; -} - -.cc_div .bar #c-s-in { - height: 100%; - max-height: 100%; - top: 0; - transform: none; -} - -.cc_div .bar #s-bl, .cc_div .bar #s-bns, .cc_div .bar #s-hdr { - padding-left: 1.4em; - padding-right: 1.4em; -} - -.cc_div .bar #cs { - padding: 0; -} - -.cc_div .bar #s-inr { - border-radius: 0; - margin: 0 0 0 auto; - max-width: 32em; -} - -.cc_div .bar.left #s-inr { - margin-left: 0; - margin-right: auto; -} - -.cc_div .bar #s-bl table, .cc_div .bar #s-bl tbody, .cc_div .bar #s-bl td, .cc_div .bar #s-bl th, .cc_div .bar #s-bl thead, .cc_div .bar #s-bl tr, .cc_div .bar #s-cnt { - display: block; -} - -.cc_div .bar #s-bl caption { - border-bottom: 1px solid #e9edf2; - border-bottom: 1px solid var(--cc-cookie-table-border); - border-top: 0; - display: block; -} - -.cc_div .bar #s-bl thead tr { - left: -9999px; - position: absolute; - top: -9999px; -} - -.cc_div .bar #s-bl tr { - border-top: 1px solid #e9edf2; - border-top: 1px solid var(--cc-cookie-table-border); -} - -.cc_div .bar #s-bl td { - border: none; - padding-left: 35%; - position: relative; -} - -.cc_div .bar #s-bl td:before { - color: #2d4156; - color: var(--cc-text); - content: attr(data-column); - left: 1rem; - overflow: hidden; - padding-right: 0.625em; - position: absolute; - text-overflow: ellipsis; - white-space: nowrap; -} - -#cm.top { - bottom: auto; - top: 1.25em; -} - -#cm.left { - left: 1.25em; - right: auto; -} - -#cm.right { - left: auto; - right: 1.25em; -} - -#cm.bar.left, #cm.bar.right { - left: 0; - right: 0; -} - -#cm.bar.top { - top: 0; -} - -@media (prefers-reduced-motion) { - #cc--main #cm, #cc--main #s-cnt, #cc--main #s-inr { - transition: none !important; - } -} -@media screen and (max-width: 688px) { - #cm, #cm.cloud, #cm.left, #cm.right { - bottom: 1em; - display: block; - left: 1em; - margin: 0; - max-width: 100%; - padding: 1.2em !important; - right: 1em; - width: auto; - } - .force--consent #cm, .force--consent #cm.cloud { - max-width: 100vw; - width: auto; - } - #cm.top { - bottom: auto; - top: 1em; - } - #cm.bottom { - bottom: 1em; - top: auto; - } - #cm.bar.bottom { - bottom: 0; - } - #cm.cloud .c-bn { - font-size: 0.85em; - } - #s-bns, .cc_div .bar #s-bns { - padding: 1em 1.3em; - } - .cc_div .bar #s-inr { - max-width: 100%; - width: 100%; - } - .cc_div .cloud #c-inr-i { - padding-right: 0; - } - #cs { - border-radius: 0; - padding: 0; - } - #c-s-in { - height: 100%; - max-height: 100%; - top: 0; - transform: none; - } - .cc_div .b-tg { - right: 1.1em; - transform: scale(1.1); - } - #s-inr { - border-radius: 0; - margin: 0; - padding-bottom: 7.9em; - } - #s-bns { - height: 7.9em; - } - #s-bl, .cc_div .bar #s-bl { - padding: 1.2em; - } - #s-hdr, .cc_div .bar #s-hdr { - padding: 0 1.2em; - } - #s-bl table { - width: 100%; - } - #s-inr.bns-t { - padding-bottom: 10.5em; - } - .bns-t #s-bns { - height: 10.5em; - } - .cc_div .bns-t .c-bn { - font-size: 0.83em; - padding: 0.9em 1.6em; - } - #s-cnt .b-bn .b-tl { - padding-bottom: 1.2em; - padding-top: 1.2em; - } - #s-bl table, #s-bl tbody, #s-bl td, #s-bl th, #s-bl thead, #s-bl tr, #s-cnt { - display: block; - } - #s-bl caption { - border-bottom: 0; - display: block; - } - #s-bl thead tr { - left: -9999px; - position: absolute; - top: -9999px; - } - #s-bl tr { - border-top: 1px solid #e9edf2; - border-top: 1px solid var(--cc-cookie-table-border); - } - #s-bl td { - border: none; - padding-left: 35%; - position: relative; - } - #s-bl td:before { - color: #2d4156; - color: var(--cc-text); - content: attr(data-column); - left: 1rem; - overflow: hidden; - padding-right: 0.625em; - position: absolute; - text-overflow: ellipsis; - white-space: nowrap; - } - #cm .c-bn, .cc_div .c-bn { - margin-right: 0; - width: 100%; - } - #s-cnt #s-rall-bn { - margin-left: 0; - } - .cc_div #c-bns { - flex-direction: column; - } - #c-bns button + button, #s-cnt button + button { - float: unset; - margin-left: 0; - margin-top: 0.625em; - } - #cm.box, #cm.cloud { - left: 1em; - right: 1em; - width: auto; - } - #cm.cloud.left, #cm.cloud.right { - margin: 0; - } - .cc_div .cloud #c-bns, .cc_div .cloud #c-inr, .cc_div .cloud #c-inr-i { - display: block; - min-width: unset; - width: auto; - } - .cc_div .cloud #c-txt { - font-size: 0.9em; - } - .cc_div .cloud #c-bns { - margin-top: 1.625em; - } -} diff --git a/app/assets/builds/application.js b/app/assets/builds/application.js deleted file mode 100644 index 3192a67a3..000000000 --- a/app/assets/builds/application.js +++ /dev/null @@ -1,8709 +0,0 @@ -(() => { - var __create = Object.create; - var __defProp = Object.defineProperty; - var __getOwnPropDesc = Object.getOwnPropertyDescriptor; - var __getOwnPropNames = Object.getOwnPropertyNames; - var __getProtoOf = Object.getPrototypeOf; - var __hasOwnProp = Object.prototype.hasOwnProperty; - var __esm = (fn, res) => function __init() { - return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res; - }; - var __commonJS = (cb, mod) => function __require() { - return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; - }; - var __export = (target, all) => { - for (var name in all) - __defProp(target, name, { get: all[name], enumerable: true }); - }; - var __copyProps = (to, from, except, desc) => { - if (from && typeof from === "object" || typeof from === "function") { - for (let key of __getOwnPropNames(from)) - if (!__hasOwnProp.call(to, key) && key !== except) - __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); - } - return to; - }; - var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( - // If the importer is in node compatibility mode or this is not an ESM - // file that has been converted to a CommonJS file using a Babel- - // compatible transform (i.e. "__esModule" has not been set), then set - // "default" to the CommonJS "module.exports" for node compatibility. - isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, - mod - )); - - // ../../node_modules/toastify-js/src/toastify.js - var require_toastify = __commonJS({ - "../../node_modules/toastify-js/src/toastify.js"(exports, module) { - (function(root, factory) { - if (typeof module === "object" && module.exports) { - module.exports = factory(); - } else { - root.Toastify = factory(); - } - })(exports, function(global) { - var Toastify2 = function(options) { - return new Toastify2.lib.init(options); - }, version = "1.12.0"; - Toastify2.defaults = { - oldestFirst: true, - text: "Toastify is awesome!", - node: void 0, - duration: 3e3, - selector: void 0, - callback: function() { - }, - destination: void 0, - newWindow: false, - close: false, - gravity: "toastify-top", - positionLeft: false, - position: "", - backgroundColor: "", - avatar: "", - className: "", - stopOnFocus: true, - onClick: function() { - }, - offset: { x: 0, y: 0 }, - escapeMarkup: true, - ariaLive: "polite", - style: { background: "" } - }; - Toastify2.lib = Toastify2.prototype = { - toastify: version, - constructor: Toastify2, - // Initializing the object with required parameters - init: function(options) { - if (!options) { - options = {}; - } - this.options = {}; - this.toastElement = null; - this.options.text = options.text || Toastify2.defaults.text; - this.options.node = options.node || Toastify2.defaults.node; - this.options.duration = options.duration === 0 ? 0 : options.duration || Toastify2.defaults.duration; - this.options.selector = options.selector || Toastify2.defaults.selector; - this.options.callback = options.callback || Toastify2.defaults.callback; - this.options.destination = options.destination || Toastify2.defaults.destination; - this.options.newWindow = options.newWindow || Toastify2.defaults.newWindow; - this.options.close = options.close || Toastify2.defaults.close; - this.options.gravity = options.gravity === "bottom" ? "toastify-bottom" : Toastify2.defaults.gravity; - this.options.positionLeft = options.positionLeft || Toastify2.defaults.positionLeft; - this.options.position = options.position || Toastify2.defaults.position; - this.options.backgroundColor = options.backgroundColor || Toastify2.defaults.backgroundColor; - this.options.avatar = options.avatar || Toastify2.defaults.avatar; - this.options.className = options.className || Toastify2.defaults.className; - this.options.stopOnFocus = options.stopOnFocus === void 0 ? Toastify2.defaults.stopOnFocus : options.stopOnFocus; - this.options.onClick = options.onClick || Toastify2.defaults.onClick; - this.options.offset = options.offset || Toastify2.defaults.offset; - this.options.escapeMarkup = options.escapeMarkup !== void 0 ? options.escapeMarkup : Toastify2.defaults.escapeMarkup; - this.options.ariaLive = options.ariaLive || Toastify2.defaults.ariaLive; - this.options.style = options.style || Toastify2.defaults.style; - if (options.backgroundColor) { - this.options.style.background = options.backgroundColor; - } - return this; - }, - // Building the DOM element - buildToast: function() { - if (!this.options) { - throw "Toastify is not initialized"; - } - var divElement = document.createElement("div"); - divElement.className = "toastify on " + this.options.className; - if (!!this.options.position) { - divElement.className += " toastify-" + this.options.position; - } else { - if (this.options.positionLeft === true) { - divElement.className += " toastify-left"; - console.warn("Property `positionLeft` will be depreciated in further versions. Please use `position` instead."); - } else { - divElement.className += " toastify-right"; - } - } - divElement.className += " " + this.options.gravity; - if (this.options.backgroundColor) { - console.warn('DEPRECATION NOTICE: "backgroundColor" is being deprecated. Please use the "style.background" property.'); - } - for (var property in this.options.style) { - divElement.style[property] = this.options.style[property]; - } - if (this.options.ariaLive) { - divElement.setAttribute("aria-live", this.options.ariaLive); - } - if (this.options.node && this.options.node.nodeType === Node.ELEMENT_NODE) { - divElement.appendChild(this.options.node); - } else { - if (this.options.escapeMarkup) { - divElement.innerText = this.options.text; - } else { - divElement.innerHTML = this.options.text; - } - if (this.options.avatar !== "") { - var avatarElement = document.createElement("img"); - avatarElement.src = this.options.avatar; - avatarElement.className = "toastify-avatar"; - if (this.options.position == "left" || this.options.positionLeft === true) { - divElement.appendChild(avatarElement); - } else { - divElement.insertAdjacentElement("afterbegin", avatarElement); - } - } - } - if (this.options.close === true) { - var closeElement = document.createElement("button"); - closeElement.type = "button"; - closeElement.setAttribute("aria-label", "Close"); - closeElement.className = "toast-close"; - closeElement.innerHTML = "✖"; - closeElement.addEventListener( - "click", - function(event2) { - event2.stopPropagation(); - this.removeElement(this.toastElement); - window.clearTimeout(this.toastElement.timeOutValue); - }.bind(this) - ); - var width = window.innerWidth > 0 ? window.innerWidth : screen.width; - if ((this.options.position == "left" || this.options.positionLeft === true) && width > 360) { - divElement.insertAdjacentElement("afterbegin", closeElement); - } else { - divElement.appendChild(closeElement); - } - } - if (this.options.stopOnFocus && this.options.duration > 0) { - var self2 = this; - divElement.addEventListener( - "mouseover", - function(event2) { - window.clearTimeout(divElement.timeOutValue); - } - ); - divElement.addEventListener( - "mouseleave", - function() { - divElement.timeOutValue = window.setTimeout( - function() { - self2.removeElement(divElement); - }, - self2.options.duration - ); - } - ); - } - if (typeof this.options.destination !== "undefined") { - divElement.addEventListener( - "click", - function(event2) { - event2.stopPropagation(); - if (this.options.newWindow === true) { - window.open(this.options.destination, "_blank"); - } else { - window.location = this.options.destination; - } - }.bind(this) - ); - } - if (typeof this.options.onClick === "function" && typeof this.options.destination === "undefined") { - divElement.addEventListener( - "click", - function(event2) { - event2.stopPropagation(); - this.options.onClick(); - }.bind(this) - ); - } - if (typeof this.options.offset === "object") { - var x = getAxisOffsetAValue("x", this.options); - var y = getAxisOffsetAValue("y", this.options); - var xOffset = this.options.position == "left" ? x : "-" + x; - var yOffset = this.options.gravity == "toastify-top" ? y : "-" + y; - divElement.style.transform = "translate(" + xOffset + "," + yOffset + ")"; - } - return divElement; - }, - // Displaying the toast - showToast: function() { - this.toastElement = this.buildToast(); - var rootElement; - if (typeof this.options.selector === "string") { - rootElement = document.getElementById(this.options.selector); - } else if (this.options.selector instanceof HTMLElement || typeof ShadowRoot !== "undefined" && this.options.selector instanceof ShadowRoot) { - rootElement = this.options.selector; - } else { - rootElement = document.body; - } - if (!rootElement) { - throw "Root element is not defined"; - } - var elementToInsert = Toastify2.defaults.oldestFirst ? rootElement.firstChild : rootElement.lastChild; - rootElement.insertBefore(this.toastElement, elementToInsert); - Toastify2.reposition(); - if (this.options.duration > 0) { - this.toastElement.timeOutValue = window.setTimeout( - function() { - this.removeElement(this.toastElement); - }.bind(this), - this.options.duration - ); - } - return this; - }, - hideToast: function() { - if (this.toastElement.timeOutValue) { - clearTimeout(this.toastElement.timeOutValue); - } - this.removeElement(this.toastElement); - }, - // Removing the element from the DOM - removeElement: function(toastElement) { - toastElement.className = toastElement.className.replace(" on", ""); - window.setTimeout( - function() { - if (this.options.node && this.options.node.parentNode) { - this.options.node.parentNode.removeChild(this.options.node); - } - if (toastElement.parentNode) { - toastElement.parentNode.removeChild(toastElement); - } - this.options.callback.call(toastElement); - Toastify2.reposition(); - }.bind(this), - 400 - ); - } - }; - Toastify2.reposition = function() { - var topLeftOffsetSize = { - top: 15, - bottom: 15 - }; - var topRightOffsetSize = { - top: 15, - bottom: 15 - }; - var offsetSize = { - top: 15, - bottom: 15 - }; - var allToasts = document.getElementsByClassName("toastify"); - var classUsed; - for (var i = 0; i < allToasts.length; i++) { - if (containsClass(allToasts[i], "toastify-top") === true) { - classUsed = "toastify-top"; - } else { - classUsed = "toastify-bottom"; - } - var height = allToasts[i].offsetHeight; - classUsed = classUsed.substr(9, classUsed.length - 1); - var offset = 15; - var width = window.innerWidth > 0 ? window.innerWidth : screen.width; - if (width <= 360) { - allToasts[i].style[classUsed] = offsetSize[classUsed] + "px"; - offsetSize[classUsed] += height + offset; - } else { - if (containsClass(allToasts[i], "toastify-left") === true) { - allToasts[i].style[classUsed] = topLeftOffsetSize[classUsed] + "px"; - topLeftOffsetSize[classUsed] += height + offset; - } else { - allToasts[i].style[classUsed] = topRightOffsetSize[classUsed] + "px"; - topRightOffsetSize[classUsed] += height + offset; - } - } - } - return this; - }; - function getAxisOffsetAValue(axis, options) { - if (options.offset[axis]) { - if (isNaN(options.offset[axis])) { - return options.offset[axis]; - } else { - return options.offset[axis] + "px"; - } - } - return "0px"; - } - function containsClass(elem, yourClass) { - if (!elem || typeof yourClass !== "string") { - return false; - } else if (elem.className && elem.className.trim().split(/\s+/gi).indexOf(yourClass) > -1) { - return true; - } else { - return false; - } - } - Toastify2.lib.init.prototype = Toastify2.lib; - return Toastify2; - }); - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/adapters.js - var adapters_default; - var init_adapters = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/adapters.js"() { - adapters_default = { - logger: self.console, - WebSocket: self.WebSocket - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/logger.js - var logger_default; - var init_logger = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/logger.js"() { - init_adapters(); - logger_default = { - log(...messages) { - if (this.enabled) { - messages.push(Date.now()); - adapters_default.logger.log("[ActionCable]", ...messages); - } - } - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/connection_monitor.js - var now, secondsSince, ConnectionMonitor, connection_monitor_default; - var init_connection_monitor = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/connection_monitor.js"() { - init_logger(); - now = () => (/* @__PURE__ */ new Date()).getTime(); - secondsSince = (time) => (now() - time) / 1e3; - ConnectionMonitor = class { - constructor(connection) { - this.visibilityDidChange = this.visibilityDidChange.bind(this); - this.connection = connection; - this.reconnectAttempts = 0; - } - start() { - if (!this.isRunning()) { - this.startedAt = now(); - delete this.stoppedAt; - this.startPolling(); - addEventListener("visibilitychange", this.visibilityDidChange); - logger_default.log(`ConnectionMonitor started. stale threshold = ${this.constructor.staleThreshold} s`); - } - } - stop() { - if (this.isRunning()) { - this.stoppedAt = now(); - this.stopPolling(); - removeEventListener("visibilitychange", this.visibilityDidChange); - logger_default.log("ConnectionMonitor stopped"); - } - } - isRunning() { - return this.startedAt && !this.stoppedAt; - } - recordPing() { - this.pingedAt = now(); - } - recordConnect() { - this.reconnectAttempts = 0; - this.recordPing(); - delete this.disconnectedAt; - logger_default.log("ConnectionMonitor recorded connect"); - } - recordDisconnect() { - this.disconnectedAt = now(); - logger_default.log("ConnectionMonitor recorded disconnect"); - } - // Private - startPolling() { - this.stopPolling(); - this.poll(); - } - stopPolling() { - clearTimeout(this.pollTimeout); - } - poll() { - this.pollTimeout = setTimeout( - () => { - this.reconnectIfStale(); - this.poll(); - }, - this.getPollInterval() - ); - } - getPollInterval() { - const { staleThreshold, reconnectionBackoffRate } = this.constructor; - const backoff = Math.pow(1 + reconnectionBackoffRate, Math.min(this.reconnectAttempts, 10)); - const jitterMax = this.reconnectAttempts === 0 ? 1 : reconnectionBackoffRate; - const jitter = jitterMax * Math.random(); - return staleThreshold * 1e3 * backoff * (1 + jitter); - } - reconnectIfStale() { - if (this.connectionIsStale()) { - logger_default.log(`ConnectionMonitor detected stale connection. reconnectAttempts = ${this.reconnectAttempts}, time stale = ${secondsSince(this.refreshedAt)} s, stale threshold = ${this.constructor.staleThreshold} s`); - this.reconnectAttempts++; - if (this.disconnectedRecently()) { - logger_default.log(`ConnectionMonitor skipping reopening recent disconnect. time disconnected = ${secondsSince(this.disconnectedAt)} s`); - } else { - logger_default.log("ConnectionMonitor reopening"); - this.connection.reopen(); - } - } - } - get refreshedAt() { - return this.pingedAt ? this.pingedAt : this.startedAt; - } - connectionIsStale() { - return secondsSince(this.refreshedAt) > this.constructor.staleThreshold; - } - disconnectedRecently() { - return this.disconnectedAt && secondsSince(this.disconnectedAt) < this.constructor.staleThreshold; - } - visibilityDidChange() { - if (document.visibilityState === "visible") { - setTimeout( - () => { - if (this.connectionIsStale() || !this.connection.isOpen()) { - logger_default.log(`ConnectionMonitor reopening stale connection on visibilitychange. visibilityState = ${document.visibilityState}`); - this.connection.reopen(); - } - }, - 200 - ); - } - } - }; - ConnectionMonitor.staleThreshold = 6; - ConnectionMonitor.reconnectionBackoffRate = 0.15; - connection_monitor_default = ConnectionMonitor; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/internal.js - var internal_default; - var init_internal = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/internal.js"() { - internal_default = { - "message_types": { - "welcome": "welcome", - "disconnect": "disconnect", - "ping": "ping", - "confirmation": "confirm_subscription", - "rejection": "reject_subscription" - }, - "disconnect_reasons": { - "unauthorized": "unauthorized", - "invalid_request": "invalid_request", - "server_restart": "server_restart" - }, - "default_mount_path": "/cable", - "protocols": [ - "actioncable-v1-json", - "actioncable-unsupported" - ] - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/connection.js - var message_types, protocols, supportedProtocols, indexOf, Connection, connection_default; - var init_connection = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/connection.js"() { - init_adapters(); - init_connection_monitor(); - init_internal(); - init_logger(); - ({ message_types, protocols } = internal_default); - supportedProtocols = protocols.slice(0, protocols.length - 1); - indexOf = [].indexOf; - Connection = class { - constructor(consumer2) { - this.open = this.open.bind(this); - this.consumer = consumer2; - this.subscriptions = this.consumer.subscriptions; - this.monitor = new connection_monitor_default(this); - this.disconnected = true; - } - send(data) { - if (this.isOpen()) { - this.webSocket.send(JSON.stringify(data)); - return true; - } else { - return false; - } - } - open() { - if (this.isActive()) { - logger_default.log(`Attempted to open WebSocket, but existing socket is ${this.getState()}`); - return false; - } else { - logger_default.log(`Opening WebSocket, current state is ${this.getState()}, subprotocols: ${protocols}`); - if (this.webSocket) { - this.uninstallEventHandlers(); - } - this.webSocket = new adapters_default.WebSocket(this.consumer.url, protocols); - this.installEventHandlers(); - this.monitor.start(); - return true; - } - } - close({ allowReconnect } = { allowReconnect: true }) { - if (!allowReconnect) { - this.monitor.stop(); - } - if (this.isOpen()) { - return this.webSocket.close(); - } - } - reopen() { - logger_default.log(`Reopening WebSocket, current state is ${this.getState()}`); - if (this.isActive()) { - try { - return this.close(); - } catch (error2) { - logger_default.log("Failed to reopen WebSocket", error2); - } finally { - logger_default.log(`Reopening WebSocket in ${this.constructor.reopenDelay}ms`); - setTimeout(this.open, this.constructor.reopenDelay); - } - } else { - return this.open(); - } - } - getProtocol() { - if (this.webSocket) { - return this.webSocket.protocol; - } - } - isOpen() { - return this.isState("open"); - } - isActive() { - return this.isState("open", "connecting"); - } - // Private - isProtocolSupported() { - return indexOf.call(supportedProtocols, this.getProtocol()) >= 0; - } - isState(...states) { - return indexOf.call(states, this.getState()) >= 0; - } - getState() { - if (this.webSocket) { - for (let state in adapters_default.WebSocket) { - if (adapters_default.WebSocket[state] === this.webSocket.readyState) { - return state.toLowerCase(); - } - } - } - return null; - } - installEventHandlers() { - for (let eventName in this.events) { - const handler = this.events[eventName].bind(this); - this.webSocket[`on${eventName}`] = handler; - } - } - uninstallEventHandlers() { - for (let eventName in this.events) { - this.webSocket[`on${eventName}`] = function() { - }; - } - } - }; - Connection.reopenDelay = 500; - Connection.prototype.events = { - message(event2) { - if (!this.isProtocolSupported()) { - return; - } - const { identifier, message, reason, reconnect, type } = JSON.parse(event2.data); - switch (type) { - case message_types.welcome: - this.monitor.recordConnect(); - return this.subscriptions.reload(); - case message_types.disconnect: - logger_default.log(`Disconnecting. Reason: ${reason}`); - return this.close({ allowReconnect: reconnect }); - case message_types.ping: - return this.monitor.recordPing(); - case message_types.confirmation: - this.subscriptions.confirmSubscription(identifier); - return this.subscriptions.notify(identifier, "connected"); - case message_types.rejection: - return this.subscriptions.reject(identifier); - default: - return this.subscriptions.notify(identifier, "received", message); - } - }, - open() { - logger_default.log(`WebSocket onopen event, using '${this.getProtocol()}' subprotocol`); - this.disconnected = false; - if (!this.isProtocolSupported()) { - logger_default.log("Protocol is unsupported. Stopping monitor and disconnecting."); - return this.close({ allowReconnect: false }); - } - }, - close(event2) { - logger_default.log("WebSocket onclose event"); - if (this.disconnected) { - return; - } - this.disconnected = true; - this.monitor.recordDisconnect(); - return this.subscriptions.notifyAll("disconnected", { willAttemptReconnect: this.monitor.isRunning() }); - }, - error() { - logger_default.log("WebSocket onerror event"); - } - }; - connection_default = Connection; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscription.js - var extend, Subscription; - var init_subscription = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscription.js"() { - extend = function(object, properties) { - if (properties != null) { - for (let key in properties) { - const value = properties[key]; - object[key] = value; - } - } - return object; - }; - Subscription = class { - constructor(consumer2, params = {}, mixin) { - this.consumer = consumer2; - this.identifier = JSON.stringify(params); - extend(this, mixin); - } - // Perform a channel action with the optional data passed as an attribute - perform(action, data = {}) { - data.action = action; - return this.send(data); - } - send(data) { - return this.consumer.send({ command: "message", identifier: this.identifier, data: JSON.stringify(data) }); - } - unsubscribe() { - return this.consumer.subscriptions.remove(this); - } - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscription_guarantor.js - var SubscriptionGuarantor, subscription_guarantor_default; - var init_subscription_guarantor = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscription_guarantor.js"() { - init_logger(); - SubscriptionGuarantor = class { - constructor(subscriptions) { - this.subscriptions = subscriptions; - this.pendingSubscriptions = []; - } - guarantee(subscription) { - if (this.pendingSubscriptions.indexOf(subscription) == -1) { - logger_default.log(`SubscriptionGuarantor guaranteeing ${subscription.identifier}`); - this.pendingSubscriptions.push(subscription); - } else { - logger_default.log(`SubscriptionGuarantor already guaranteeing ${subscription.identifier}`); - } - this.startGuaranteeing(); - } - forget(subscription) { - logger_default.log(`SubscriptionGuarantor forgetting ${subscription.identifier}`); - this.pendingSubscriptions = this.pendingSubscriptions.filter((s) => s !== subscription); - } - startGuaranteeing() { - this.stopGuaranteeing(); - this.retrySubscribing(); - } - stopGuaranteeing() { - clearTimeout(this.retryTimeout); - } - retrySubscribing() { - this.retryTimeout = setTimeout( - () => { - if (this.subscriptions && typeof this.subscriptions.subscribe === "function") { - this.pendingSubscriptions.map((subscription) => { - logger_default.log(`SubscriptionGuarantor resubscribing ${subscription.identifier}`); - this.subscriptions.subscribe(subscription); - }); - } - }, - 500 - ); - } - }; - subscription_guarantor_default = SubscriptionGuarantor; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscriptions.js - var Subscriptions; - var init_subscriptions = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/subscriptions.js"() { - init_subscription(); - init_subscription_guarantor(); - init_logger(); - Subscriptions = class { - constructor(consumer2) { - this.consumer = consumer2; - this.guarantor = new subscription_guarantor_default(this); - this.subscriptions = []; - } - create(channelName, mixin) { - const channel = channelName; - const params = typeof channel === "object" ? channel : { channel }; - const subscription = new Subscription(this.consumer, params, mixin); - return this.add(subscription); - } - // Private - add(subscription) { - this.subscriptions.push(subscription); - this.consumer.ensureActiveConnection(); - this.notify(subscription, "initialized"); - this.subscribe(subscription); - return subscription; - } - remove(subscription) { - this.forget(subscription); - if (!this.findAll(subscription.identifier).length) { - this.sendCommand(subscription, "unsubscribe"); - } - return subscription; - } - reject(identifier) { - return this.findAll(identifier).map((subscription) => { - this.forget(subscription); - this.notify(subscription, "rejected"); - return subscription; - }); - } - forget(subscription) { - this.guarantor.forget(subscription); - this.subscriptions = this.subscriptions.filter((s) => s !== subscription); - return subscription; - } - findAll(identifier) { - return this.subscriptions.filter((s) => s.identifier === identifier); - } - reload() { - return this.subscriptions.map((subscription) => this.subscribe(subscription)); - } - notifyAll(callbackName, ...args) { - return this.subscriptions.map((subscription) => this.notify(subscription, callbackName, ...args)); - } - notify(subscription, callbackName, ...args) { - let subscriptions; - if (typeof subscription === "string") { - subscriptions = this.findAll(subscription); - } else { - subscriptions = [subscription]; - } - return subscriptions.map((subscription2) => typeof subscription2[callbackName] === "function" ? subscription2[callbackName](...args) : void 0); - } - subscribe(subscription) { - if (this.sendCommand(subscription, "subscribe")) { - this.guarantor.guarantee(subscription); - } - } - confirmSubscription(identifier) { - logger_default.log(`Subscription confirmed ${identifier}`); - this.findAll(identifier).map((subscription) => this.guarantor.forget(subscription)); - } - sendCommand(subscription, command) { - const { identifier } = subscription; - return this.consumer.send({ command, identifier }); - } - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/consumer.js - function createWebSocketURL(url) { - if (typeof url === "function") { - url = url(); - } - if (url && !/^wss?:/i.test(url)) { - const a = document.createElement("a"); - a.href = url; - a.href = a.href; - a.protocol = a.protocol.replace("http", "ws"); - return a.href; - } else { - return url; - } - } - var Consumer; - var init_consumer = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/consumer.js"() { - init_connection(); - init_subscriptions(); - Consumer = class { - constructor(url) { - this._url = url; - this.subscriptions = new Subscriptions(this); - this.connection = new connection_default(this); - } - get url() { - return createWebSocketURL(this._url); - } - send(data) { - return this.connection.send(data); - } - connect() { - return this.connection.open(); - } - disconnect() { - return this.connection.close({ allowReconnect: false }); - } - ensureActiveConnection() { - if (!this.connection.isActive()) { - return this.connection.open(); - } - } - }; - } - }); - - // ../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/index.js - var src_exports = {}; - __export(src_exports, { - Connection: () => connection_default, - ConnectionMonitor: () => connection_monitor_default, - Consumer: () => Consumer, - INTERNAL: () => internal_default, - Subscription: () => Subscription, - SubscriptionGuarantor: () => subscription_guarantor_default, - Subscriptions: () => Subscriptions, - adapters: () => adapters_default, - createConsumer: () => createConsumer, - createWebSocketURL: () => createWebSocketURL, - getConfig: () => getConfig, - logger: () => logger_default - }); - function createConsumer(url = getConfig("url") || internal_default.default_mount_path) { - return new Consumer(url); - } - function getConfig(name) { - const element = document.head.querySelector(`meta[name='action-cable-${name}']`); - if (element) { - return element.getAttribute("content"); - } - } - var init_src = __esm({ - "../../node_modules/@hotwired/turbo-rails/node_modules/@rails/actioncable/src/index.js"() { - init_connection(); - init_connection_monitor(); - init_consumer(); - init_internal(); - init_subscription(); - init_subscriptions(); - init_subscription_guarantor(); - init_adapters(); - init_logger(); - } - }); - - // ../../node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js - (function() { - if (window.Reflect === void 0 || window.customElements === void 0 || window.customElements.polyfillWrapFlushCallback) { - return; - } - const BuiltInHTMLElement = HTMLElement; - const wrapperForTheName = { - HTMLElement: function HTMLElement2() { - return Reflect.construct(BuiltInHTMLElement, [], this.constructor); - } - }; - window.HTMLElement = wrapperForTheName["HTMLElement"]; - HTMLElement.prototype = BuiltInHTMLElement.prototype; - HTMLElement.prototype.constructor = HTMLElement; - Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement); - })(); - (function(prototype) { - if (typeof prototype.requestSubmit == "function") - return; - prototype.requestSubmit = function(submitter) { - if (submitter) { - validateSubmitter(submitter, this); - submitter.click(); - } else { - submitter = document.createElement("input"); - submitter.type = "submit"; - submitter.hidden = true; - this.appendChild(submitter); - submitter.click(); - this.removeChild(submitter); - } - }; - function validateSubmitter(submitter, form) { - submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'"); - submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button"); - submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError"); - } - function raise(errorConstructor, message, name) { - throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name); - } - })(HTMLFormElement.prototype); - var submittersByForm = /* @__PURE__ */ new WeakMap(); - function findSubmitterFromClickTarget(target) { - const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null; - const candidate = element ? element.closest("input, button") : null; - return (candidate === null || candidate === void 0 ? void 0 : candidate.type) == "submit" ? candidate : null; - } - function clickCaptured(event2) { - const submitter = findSubmitterFromClickTarget(event2.target); - if (submitter && submitter.form) { - submittersByForm.set(submitter.form, submitter); - } - } - (function() { - if ("submitter" in Event.prototype) - return; - let prototype = window.Event.prototype; - if ("SubmitEvent" in window && /Apple Computer/.test(navigator.vendor)) { - prototype = window.SubmitEvent.prototype; - } else if ("SubmitEvent" in window) { - return; - } - addEventListener("click", clickCaptured, true); - Object.defineProperty(prototype, "submitter", { - get() { - if (this.type == "submit" && this.target instanceof HTMLFormElement) { - return submittersByForm.get(this.target); - } - } - }); - })(); - var FrameLoadingStyle; - (function(FrameLoadingStyle2) { - FrameLoadingStyle2["eager"] = "eager"; - FrameLoadingStyle2["lazy"] = "lazy"; - })(FrameLoadingStyle || (FrameLoadingStyle = {})); - var FrameElement = class _FrameElement extends HTMLElement { - static get observedAttributes() { - return ["disabled", "complete", "loading", "src"]; - } - constructor() { - super(); - this.loaded = Promise.resolve(); - this.delegate = new _FrameElement.delegateConstructor(this); - } - connectedCallback() { - this.delegate.connect(); - } - disconnectedCallback() { - this.delegate.disconnect(); - } - reload() { - return this.delegate.sourceURLReloaded(); - } - attributeChangedCallback(name) { - if (name == "loading") { - this.delegate.loadingStyleChanged(); - } else if (name == "complete") { - this.delegate.completeChanged(); - } else if (name == "src") { - this.delegate.sourceURLChanged(); - } else { - this.delegate.disabledChanged(); - } - } - get src() { - return this.getAttribute("src"); - } - set src(value) { - if (value) { - this.setAttribute("src", value); - } else { - this.removeAttribute("src"); - } - } - get loading() { - return frameLoadingStyleFromString(this.getAttribute("loading") || ""); - } - set loading(value) { - if (value) { - this.setAttribute("loading", value); - } else { - this.removeAttribute("loading"); - } - } - get disabled() { - return this.hasAttribute("disabled"); - } - set disabled(value) { - if (value) { - this.setAttribute("disabled", ""); - } else { - this.removeAttribute("disabled"); - } - } - get autoscroll() { - return this.hasAttribute("autoscroll"); - } - set autoscroll(value) { - if (value) { - this.setAttribute("autoscroll", ""); - } else { - this.removeAttribute("autoscroll"); - } - } - get complete() { - return !this.delegate.isLoading; - } - get isActive() { - return this.ownerDocument === document && !this.isPreview; - } - get isPreview() { - var _a, _b; - return (_b = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.hasAttribute("data-turbo-preview"); - } - }; - function frameLoadingStyleFromString(style) { - switch (style.toLowerCase()) { - case "lazy": - return FrameLoadingStyle.lazy; - default: - return FrameLoadingStyle.eager; - } - } - function expandURL(locatable) { - return new URL(locatable.toString(), document.baseURI); - } - function getAnchor(url) { - let anchorMatch; - if (url.hash) { - return url.hash.slice(1); - } else if (anchorMatch = url.href.match(/#(.*)$/)) { - return anchorMatch[1]; - } - } - function getAction(form, submitter) { - const action = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formaction")) || form.getAttribute("action") || form.action; - return expandURL(action); - } - function getExtension(url) { - return (getLastPathComponent(url).match(/\.[^.]*$/) || [])[0] || ""; - } - function isHTML(url) { - return !!getExtension(url).match(/^(?:|\.(?:htm|html|xhtml|php))$/); - } - function isPrefixedBy(baseURL, url) { - const prefix = getPrefix(url); - return baseURL.href === expandURL(prefix).href || baseURL.href.startsWith(prefix); - } - function locationIsVisitable(location2, rootLocation) { - return isPrefixedBy(location2, rootLocation) && isHTML(location2); - } - function getRequestURL(url) { - const anchor = getAnchor(url); - return anchor != null ? url.href.slice(0, -(anchor.length + 1)) : url.href; - } - function toCacheKey(url) { - return getRequestURL(url); - } - function urlsAreEqual(left, right) { - return expandURL(left).href == expandURL(right).href; - } - function getPathComponents(url) { - return url.pathname.split("/").slice(1); - } - function getLastPathComponent(url) { - return getPathComponents(url).slice(-1)[0]; - } - function getPrefix(url) { - return addTrailingSlash(url.origin + url.pathname); - } - function addTrailingSlash(value) { - return value.endsWith("/") ? value : value + "/"; - } - var FetchResponse = class { - constructor(response) { - this.response = response; - } - get succeeded() { - return this.response.ok; - } - get failed() { - return !this.succeeded; - } - get clientError() { - return this.statusCode >= 400 && this.statusCode <= 499; - } - get serverError() { - return this.statusCode >= 500 && this.statusCode <= 599; - } - get redirected() { - return this.response.redirected; - } - get location() { - return expandURL(this.response.url); - } - get isHTML() { - return this.contentType && this.contentType.match(/^(?:text\/([^\s;,]+\b)?html|application\/xhtml\+xml)\b/); - } - get statusCode() { - return this.response.status; - } - get contentType() { - return this.header("Content-Type"); - } - get responseText() { - return this.response.clone().text(); - } - get responseHTML() { - if (this.isHTML) { - return this.response.clone().text(); - } else { - return Promise.resolve(void 0); - } - } - header(name) { - return this.response.headers.get(name); - } - }; - function activateScriptElement(element) { - if (element.getAttribute("data-turbo-eval") == "false") { - return element; - } else { - const createdScriptElement = document.createElement("script"); - const cspNonce = getMetaContent("csp-nonce"); - if (cspNonce) { - createdScriptElement.nonce = cspNonce; - } - createdScriptElement.textContent = element.textContent; - createdScriptElement.async = false; - copyElementAttributes(createdScriptElement, element); - return createdScriptElement; - } - } - function copyElementAttributes(destinationElement, sourceElement) { - for (const { name, value } of sourceElement.attributes) { - destinationElement.setAttribute(name, value); - } - } - function createDocumentFragment(html) { - const template = document.createElement("template"); - template.innerHTML = html; - return template.content; - } - function dispatch(eventName, { target, cancelable, detail } = {}) { - const event2 = new CustomEvent(eventName, { - cancelable, - bubbles: true, - composed: true, - detail - }); - if (target && target.isConnected) { - target.dispatchEvent(event2); - } else { - document.documentElement.dispatchEvent(event2); - } - return event2; - } - function nextAnimationFrame() { - return new Promise((resolve) => requestAnimationFrame(() => resolve())); - } - function nextEventLoopTick() { - return new Promise((resolve) => setTimeout(() => resolve(), 0)); - } - function nextMicrotask() { - return Promise.resolve(); - } - function parseHTMLDocument(html = "") { - return new DOMParser().parseFromString(html, "text/html"); - } - function unindent(strings, ...values) { - const lines = interpolate(strings, values).replace(/^\n/, "").split("\n"); - const match = lines[0].match(/^\s+/); - const indent = match ? match[0].length : 0; - return lines.map((line) => line.slice(indent)).join("\n"); - } - function interpolate(strings, values) { - return strings.reduce((result, string, i) => { - const value = values[i] == void 0 ? "" : values[i]; - return result + string + value; - }, ""); - } - function uuid() { - return Array.from({ length: 36 }).map((_, i) => { - if (i == 8 || i == 13 || i == 18 || i == 23) { - return "-"; - } else if (i == 14) { - return "4"; - } else if (i == 19) { - return (Math.floor(Math.random() * 4) + 8).toString(16); - } else { - return Math.floor(Math.random() * 15).toString(16); - } - }).join(""); - } - function getAttribute(attributeName, ...elements) { - for (const value of elements.map((element) => element === null || element === void 0 ? void 0 : element.getAttribute(attributeName))) { - if (typeof value == "string") - return value; - } - return null; - } - function hasAttribute(attributeName, ...elements) { - return elements.some((element) => element && element.hasAttribute(attributeName)); - } - function markAsBusy(...elements) { - for (const element of elements) { - if (element.localName == "turbo-frame") { - element.setAttribute("busy", ""); - } - element.setAttribute("aria-busy", "true"); - } - } - function clearBusyState(...elements) { - for (const element of elements) { - if (element.localName == "turbo-frame") { - element.removeAttribute("busy"); - } - element.removeAttribute("aria-busy"); - } - } - function waitForLoad(element, timeoutInMilliseconds = 2e3) { - return new Promise((resolve) => { - const onComplete = () => { - element.removeEventListener("error", onComplete); - element.removeEventListener("load", onComplete); - resolve(); - }; - element.addEventListener("load", onComplete, { once: true }); - element.addEventListener("error", onComplete, { once: true }); - setTimeout(resolve, timeoutInMilliseconds); - }); - } - function getHistoryMethodForAction(action) { - switch (action) { - case "replace": - return history.replaceState; - case "advance": - case "restore": - return history.pushState; - } - } - function isAction(action) { - return action == "advance" || action == "replace" || action == "restore"; - } - function getVisitAction(...elements) { - const action = getAttribute("data-turbo-action", ...elements); - return isAction(action) ? action : null; - } - function getMetaElement(name) { - return document.querySelector(`meta[name="${name}"]`); - } - function getMetaContent(name) { - const element = getMetaElement(name); - return element && element.content; - } - function setMetaContent(name, content) { - let element = getMetaElement(name); - if (!element) { - element = document.createElement("meta"); - element.setAttribute("name", name); - document.head.appendChild(element); - } - element.setAttribute("content", content); - return element; - } - function findClosestRecursively(element, selector) { - var _a; - if (element instanceof Element) { - return element.closest(selector) || findClosestRecursively(element.assignedSlot || ((_a = element.getRootNode()) === null || _a === void 0 ? void 0 : _a.host), selector); - } - } - var FetchMethod; - (function(FetchMethod2) { - FetchMethod2[FetchMethod2["get"] = 0] = "get"; - FetchMethod2[FetchMethod2["post"] = 1] = "post"; - FetchMethod2[FetchMethod2["put"] = 2] = "put"; - FetchMethod2[FetchMethod2["patch"] = 3] = "patch"; - FetchMethod2[FetchMethod2["delete"] = 4] = "delete"; - })(FetchMethod || (FetchMethod = {})); - function fetchMethodFromString(method) { - switch (method.toLowerCase()) { - case "get": - return FetchMethod.get; - case "post": - return FetchMethod.post; - case "put": - return FetchMethod.put; - case "patch": - return FetchMethod.patch; - case "delete": - return FetchMethod.delete; - } - } - var FetchRequest = class { - constructor(delegate, method, location2, body = new URLSearchParams(), target = null) { - this.abortController = new AbortController(); - this.resolveRequestPromise = (_value) => { - }; - this.delegate = delegate; - this.method = method; - this.headers = this.defaultHeaders; - this.body = body; - this.url = location2; - this.target = target; - } - get location() { - return this.url; - } - get params() { - return this.url.searchParams; - } - get entries() { - return this.body ? Array.from(this.body.entries()) : []; - } - cancel() { - this.abortController.abort(); - } - async perform() { - const { fetchOptions } = this; - this.delegate.prepareRequest(this); - await this.allowRequestToBeIntercepted(fetchOptions); - try { - this.delegate.requestStarted(this); - const response = await fetch(this.url.href, fetchOptions); - return await this.receive(response); - } catch (error2) { - if (error2.name !== "AbortError") { - if (this.willDelegateErrorHandling(error2)) { - this.delegate.requestErrored(this, error2); - } - throw error2; - } - } finally { - this.delegate.requestFinished(this); - } - } - async receive(response) { - const fetchResponse = new FetchResponse(response); - const event2 = dispatch("turbo:before-fetch-response", { - cancelable: true, - detail: { fetchResponse }, - target: this.target - }); - if (event2.defaultPrevented) { - this.delegate.requestPreventedHandlingResponse(this, fetchResponse); - } else if (fetchResponse.succeeded) { - this.delegate.requestSucceededWithResponse(this, fetchResponse); - } else { - this.delegate.requestFailedWithResponse(this, fetchResponse); - } - return fetchResponse; - } - get fetchOptions() { - var _a; - return { - method: FetchMethod[this.method].toUpperCase(), - credentials: "same-origin", - headers: this.headers, - redirect: "follow", - body: this.isSafe ? null : this.body, - signal: this.abortSignal, - referrer: (_a = this.delegate.referrer) === null || _a === void 0 ? void 0 : _a.href - }; - } - get defaultHeaders() { - return { - Accept: "text/html, application/xhtml+xml" - }; - } - get isSafe() { - return this.method === FetchMethod.get; - } - get abortSignal() { - return this.abortController.signal; - } - acceptResponseType(mimeType) { - this.headers["Accept"] = [mimeType, this.headers["Accept"]].join(", "); - } - async allowRequestToBeIntercepted(fetchOptions) { - const requestInterception = new Promise((resolve) => this.resolveRequestPromise = resolve); - const event2 = dispatch("turbo:before-fetch-request", { - cancelable: true, - detail: { - fetchOptions, - url: this.url, - resume: this.resolveRequestPromise - }, - target: this.target - }); - if (event2.defaultPrevented) - await requestInterception; - } - willDelegateErrorHandling(error2) { - const event2 = dispatch("turbo:fetch-request-error", { - target: this.target, - cancelable: true, - detail: { request: this, error: error2 } - }); - return !event2.defaultPrevented; - } - }; - var AppearanceObserver = class { - constructor(delegate, element) { - this.started = false; - this.intersect = (entries) => { - const lastEntry = entries.slice(-1)[0]; - if (lastEntry === null || lastEntry === void 0 ? void 0 : lastEntry.isIntersecting) { - this.delegate.elementAppearedInViewport(this.element); - } - }; - this.delegate = delegate; - this.element = element; - this.intersectionObserver = new IntersectionObserver(this.intersect); - } - start() { - if (!this.started) { - this.started = true; - this.intersectionObserver.observe(this.element); - } - } - stop() { - if (this.started) { - this.started = false; - this.intersectionObserver.unobserve(this.element); - } - } - }; - var StreamMessage = class { - static wrap(message) { - if (typeof message == "string") { - return new this(createDocumentFragment(message)); - } else { - return message; - } - } - constructor(fragment) { - this.fragment = importStreamElements(fragment); - } - }; - StreamMessage.contentType = "text/vnd.turbo-stream.html"; - function importStreamElements(fragment) { - for (const element of fragment.querySelectorAll("turbo-stream")) { - const streamElement = document.importNode(element, true); - for (const inertScriptElement of streamElement.templateElement.content.querySelectorAll("script")) { - inertScriptElement.replaceWith(activateScriptElement(inertScriptElement)); - } - element.replaceWith(streamElement); - } - return fragment; - } - var FormSubmissionState; - (function(FormSubmissionState2) { - FormSubmissionState2[FormSubmissionState2["initialized"] = 0] = "initialized"; - FormSubmissionState2[FormSubmissionState2["requesting"] = 1] = "requesting"; - FormSubmissionState2[FormSubmissionState2["waiting"] = 2] = "waiting"; - FormSubmissionState2[FormSubmissionState2["receiving"] = 3] = "receiving"; - FormSubmissionState2[FormSubmissionState2["stopping"] = 4] = "stopping"; - FormSubmissionState2[FormSubmissionState2["stopped"] = 5] = "stopped"; - })(FormSubmissionState || (FormSubmissionState = {})); - var FormEnctype; - (function(FormEnctype2) { - FormEnctype2["urlEncoded"] = "application/x-www-form-urlencoded"; - FormEnctype2["multipart"] = "multipart/form-data"; - FormEnctype2["plain"] = "text/plain"; - })(FormEnctype || (FormEnctype = {})); - function formEnctypeFromString(encoding) { - switch (encoding.toLowerCase()) { - case FormEnctype.multipart: - return FormEnctype.multipart; - case FormEnctype.plain: - return FormEnctype.plain; - default: - return FormEnctype.urlEncoded; - } - } - var FormSubmission = class _FormSubmission { - static confirmMethod(message, _element, _submitter) { - return Promise.resolve(confirm(message)); - } - constructor(delegate, formElement, submitter, mustRedirect = false) { - this.state = FormSubmissionState.initialized; - this.delegate = delegate; - this.formElement = formElement; - this.submitter = submitter; - this.formData = buildFormData(formElement, submitter); - this.location = expandURL(this.action); - if (this.method == FetchMethod.get) { - mergeFormDataEntries(this.location, [...this.body.entries()]); - } - this.fetchRequest = new FetchRequest(this, this.method, this.location, this.body, this.formElement); - this.mustRedirect = mustRedirect; - } - get method() { - var _a; - const method = ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formmethod")) || this.formElement.getAttribute("method") || ""; - return fetchMethodFromString(method.toLowerCase()) || FetchMethod.get; - } - get action() { - var _a; - const formElementAction = typeof this.formElement.action === "string" ? this.formElement.action : null; - if ((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.hasAttribute("formaction")) { - return this.submitter.getAttribute("formaction") || ""; - } else { - return this.formElement.getAttribute("action") || formElementAction || ""; - } - } - get body() { - if (this.enctype == FormEnctype.urlEncoded || this.method == FetchMethod.get) { - return new URLSearchParams(this.stringFormData); - } else { - return this.formData; - } - } - get enctype() { - var _a; - return formEnctypeFromString(((_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("formenctype")) || this.formElement.enctype); - } - get isSafe() { - return this.fetchRequest.isSafe; - } - get stringFormData() { - return [...this.formData].reduce((entries, [name, value]) => { - return entries.concat(typeof value == "string" ? [[name, value]] : []); - }, []); - } - async start() { - const { initialized, requesting } = FormSubmissionState; - const confirmationMessage = getAttribute("data-turbo-confirm", this.submitter, this.formElement); - if (typeof confirmationMessage === "string") { - const answer = await _FormSubmission.confirmMethod(confirmationMessage, this.formElement, this.submitter); - if (!answer) { - return; - } - } - if (this.state == initialized) { - this.state = requesting; - return this.fetchRequest.perform(); - } - } - stop() { - const { stopping, stopped } = FormSubmissionState; - if (this.state != stopping && this.state != stopped) { - this.state = stopping; - this.fetchRequest.cancel(); - return true; - } - } - prepareRequest(request) { - if (!request.isSafe) { - const token = getCookieValue(getMetaContent("csrf-param")) || getMetaContent("csrf-token"); - if (token) { - request.headers["X-CSRF-Token"] = token; - } - } - if (this.requestAcceptsTurboStreamResponse(request)) { - request.acceptResponseType(StreamMessage.contentType); - } - } - requestStarted(_request) { - var _a; - this.state = FormSubmissionState.waiting; - (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.setAttribute("disabled", ""); - this.setSubmitsWith(); - dispatch("turbo:submit-start", { - target: this.formElement, - detail: { formSubmission: this } - }); - this.delegate.formSubmissionStarted(this); - } - requestPreventedHandlingResponse(request, response) { - this.result = { success: response.succeeded, fetchResponse: response }; - } - requestSucceededWithResponse(request, response) { - if (response.clientError || response.serverError) { - this.delegate.formSubmissionFailedWithResponse(this, response); - } else if (this.requestMustRedirect(request) && responseSucceededWithoutRedirect(response)) { - const error2 = new Error("Form responses must redirect to another location"); - this.delegate.formSubmissionErrored(this, error2); - } else { - this.state = FormSubmissionState.receiving; - this.result = { success: true, fetchResponse: response }; - this.delegate.formSubmissionSucceededWithResponse(this, response); - } - } - requestFailedWithResponse(request, response) { - this.result = { success: false, fetchResponse: response }; - this.delegate.formSubmissionFailedWithResponse(this, response); - } - requestErrored(request, error2) { - this.result = { success: false, error: error2 }; - this.delegate.formSubmissionErrored(this, error2); - } - requestFinished(_request) { - var _a; - this.state = FormSubmissionState.stopped; - (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.removeAttribute("disabled"); - this.resetSubmitterText(); - dispatch("turbo:submit-end", { - target: this.formElement, - detail: Object.assign({ formSubmission: this }, this.result) - }); - this.delegate.formSubmissionFinished(this); - } - setSubmitsWith() { - if (!this.submitter || !this.submitsWith) - return; - if (this.submitter.matches("button")) { - this.originalSubmitText = this.submitter.innerHTML; - this.submitter.innerHTML = this.submitsWith; - } else if (this.submitter.matches("input")) { - const input = this.submitter; - this.originalSubmitText = input.value; - input.value = this.submitsWith; - } - } - resetSubmitterText() { - if (!this.submitter || !this.originalSubmitText) - return; - if (this.submitter.matches("button")) { - this.submitter.innerHTML = this.originalSubmitText; - } else if (this.submitter.matches("input")) { - const input = this.submitter; - input.value = this.originalSubmitText; - } - } - requestMustRedirect(request) { - return !request.isSafe && this.mustRedirect; - } - requestAcceptsTurboStreamResponse(request) { - return !request.isSafe || hasAttribute("data-turbo-stream", this.submitter, this.formElement); - } - get submitsWith() { - var _a; - return (_a = this.submitter) === null || _a === void 0 ? void 0 : _a.getAttribute("data-turbo-submits-with"); - } - }; - function buildFormData(formElement, submitter) { - const formData = new FormData(formElement); - const name = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("name"); - const value = submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("value"); - if (name) { - formData.append(name, value || ""); - } - return formData; - } - function getCookieValue(cookieName) { - if (cookieName != null) { - const cookies = document.cookie ? document.cookie.split("; ") : []; - const cookie = cookies.find((cookie2) => cookie2.startsWith(cookieName)); - if (cookie) { - const value = cookie.split("=").slice(1).join("="); - return value ? decodeURIComponent(value) : void 0; - } - } - } - function responseSucceededWithoutRedirect(response) { - return response.statusCode == 200 && !response.redirected; - } - function mergeFormDataEntries(url, entries) { - const searchParams = new URLSearchParams(); - for (const [name, value] of entries) { - if (value instanceof File) - continue; - searchParams.append(name, value); - } - url.search = searchParams.toString(); - return url; - } - var Snapshot = class { - constructor(element) { - this.element = element; - } - get activeElement() { - return this.element.ownerDocument.activeElement; - } - get children() { - return [...this.element.children]; - } - hasAnchor(anchor) { - return this.getElementForAnchor(anchor) != null; - } - getElementForAnchor(anchor) { - return anchor ? this.element.querySelector(`[id='${anchor}'], a[name='${anchor}']`) : null; - } - get isConnected() { - return this.element.isConnected; - } - get firstAutofocusableElement() { - const inertDisabledOrHidden = "[inert], :disabled, [hidden], details:not([open]), dialog:not([open])"; - for (const element of this.element.querySelectorAll("[autofocus]")) { - if (element.closest(inertDisabledOrHidden) == null) - return element; - else - continue; - } - return null; - } - get permanentElements() { - return queryPermanentElementsAll(this.element); - } - getPermanentElementById(id) { - return getPermanentElementById(this.element, id); - } - getPermanentElementMapForSnapshot(snapshot) { - const permanentElementMap = {}; - for (const currentPermanentElement of this.permanentElements) { - const { id } = currentPermanentElement; - const newPermanentElement = snapshot.getPermanentElementById(id); - if (newPermanentElement) { - permanentElementMap[id] = [currentPermanentElement, newPermanentElement]; - } - } - return permanentElementMap; - } - }; - function getPermanentElementById(node, id) { - return node.querySelector(`#${id}[data-turbo-permanent]`); - } - function queryPermanentElementsAll(node) { - return node.querySelectorAll("[id][data-turbo-permanent]"); - } - var FormSubmitObserver = class { - constructor(delegate, eventTarget) { - this.started = false; - this.submitCaptured = () => { - this.eventTarget.removeEventListener("submit", this.submitBubbled, false); - this.eventTarget.addEventListener("submit", this.submitBubbled, false); - }; - this.submitBubbled = (event2) => { - if (!event2.defaultPrevented) { - const form = event2.target instanceof HTMLFormElement ? event2.target : void 0; - const submitter = event2.submitter || void 0; - if (form && submissionDoesNotDismissDialog(form, submitter) && submissionDoesNotTargetIFrame(form, submitter) && this.delegate.willSubmitForm(form, submitter)) { - event2.preventDefault(); - event2.stopImmediatePropagation(); - this.delegate.formSubmitted(form, submitter); - } - } - }; - this.delegate = delegate; - this.eventTarget = eventTarget; - } - start() { - if (!this.started) { - this.eventTarget.addEventListener("submit", this.submitCaptured, true); - this.started = true; - } - } - stop() { - if (this.started) { - this.eventTarget.removeEventListener("submit", this.submitCaptured, true); - this.started = false; - } - } - }; - function submissionDoesNotDismissDialog(form, submitter) { - const method = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formmethod")) || form.getAttribute("method"); - return method != "dialog"; - } - function submissionDoesNotTargetIFrame(form, submitter) { - if ((submitter === null || submitter === void 0 ? void 0 : submitter.hasAttribute("formtarget")) || form.hasAttribute("target")) { - const target = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("formtarget")) || form.target; - for (const element of document.getElementsByName(target)) { - if (element instanceof HTMLIFrameElement) - return false; - } - return true; - } else { - return true; - } - } - var View = class { - constructor(delegate, element) { - this.resolveRenderPromise = (_value) => { - }; - this.resolveInterceptionPromise = (_value) => { - }; - this.delegate = delegate; - this.element = element; - } - scrollToAnchor(anchor) { - const element = this.snapshot.getElementForAnchor(anchor); - if (element) { - this.scrollToElement(element); - this.focusElement(element); - } else { - this.scrollToPosition({ x: 0, y: 0 }); - } - } - scrollToAnchorFromLocation(location2) { - this.scrollToAnchor(getAnchor(location2)); - } - scrollToElement(element) { - element.scrollIntoView(); - } - focusElement(element) { - if (element instanceof HTMLElement) { - if (element.hasAttribute("tabindex")) { - element.focus(); - } else { - element.setAttribute("tabindex", "-1"); - element.focus(); - element.removeAttribute("tabindex"); - } - } - } - scrollToPosition({ x, y }) { - this.scrollRoot.scrollTo(x, y); - } - scrollToTop() { - this.scrollToPosition({ x: 0, y: 0 }); - } - get scrollRoot() { - return window; - } - async render(renderer) { - const { isPreview, shouldRender, newSnapshot: snapshot } = renderer; - if (shouldRender) { - try { - this.renderPromise = new Promise((resolve) => this.resolveRenderPromise = resolve); - this.renderer = renderer; - await this.prepareToRenderSnapshot(renderer); - const renderInterception = new Promise((resolve) => this.resolveInterceptionPromise = resolve); - const options = { resume: this.resolveInterceptionPromise, render: this.renderer.renderElement }; - const immediateRender = this.delegate.allowsImmediateRender(snapshot, options); - if (!immediateRender) - await renderInterception; - await this.renderSnapshot(renderer); - this.delegate.viewRenderedSnapshot(snapshot, isPreview); - this.delegate.preloadOnLoadLinksForView(this.element); - this.finishRenderingSnapshot(renderer); - } finally { - delete this.renderer; - this.resolveRenderPromise(void 0); - delete this.renderPromise; - } - } else { - this.invalidate(renderer.reloadReason); - } - } - invalidate(reason) { - this.delegate.viewInvalidated(reason); - } - async prepareToRenderSnapshot(renderer) { - this.markAsPreview(renderer.isPreview); - await renderer.prepareToRender(); - } - markAsPreview(isPreview) { - if (isPreview) { - this.element.setAttribute("data-turbo-preview", ""); - } else { - this.element.removeAttribute("data-turbo-preview"); - } - } - async renderSnapshot(renderer) { - await renderer.render(); - } - finishRenderingSnapshot(renderer) { - renderer.finishRendering(); - } - }; - var FrameView = class extends View { - missing() { - this.element.innerHTML = `Content missing`; - } - get snapshot() { - return new Snapshot(this.element); - } - }; - var LinkInterceptor = class { - constructor(delegate, element) { - this.clickBubbled = (event2) => { - if (this.respondsToEventTarget(event2.target)) { - this.clickEvent = event2; - } else { - delete this.clickEvent; - } - }; - this.linkClicked = (event2) => { - if (this.clickEvent && this.respondsToEventTarget(event2.target) && event2.target instanceof Element) { - if (this.delegate.shouldInterceptLinkClick(event2.target, event2.detail.url, event2.detail.originalEvent)) { - this.clickEvent.preventDefault(); - event2.preventDefault(); - this.delegate.linkClickIntercepted(event2.target, event2.detail.url, event2.detail.originalEvent); - } - } - delete this.clickEvent; - }; - this.willVisit = (_event) => { - delete this.clickEvent; - }; - this.delegate = delegate; - this.element = element; - } - start() { - this.element.addEventListener("click", this.clickBubbled); - document.addEventListener("turbo:click", this.linkClicked); - document.addEventListener("turbo:before-visit", this.willVisit); - } - stop() { - this.element.removeEventListener("click", this.clickBubbled); - document.removeEventListener("turbo:click", this.linkClicked); - document.removeEventListener("turbo:before-visit", this.willVisit); - } - respondsToEventTarget(target) { - const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null; - return element && element.closest("turbo-frame, html") == this.element; - } - }; - var LinkClickObserver = class { - constructor(delegate, eventTarget) { - this.started = false; - this.clickCaptured = () => { - this.eventTarget.removeEventListener("click", this.clickBubbled, false); - this.eventTarget.addEventListener("click", this.clickBubbled, false); - }; - this.clickBubbled = (event2) => { - if (event2 instanceof MouseEvent && this.clickEventIsSignificant(event2)) { - const target = event2.composedPath && event2.composedPath()[0] || event2.target; - const link = this.findLinkFromClickTarget(target); - if (link && doesNotTargetIFrame(link)) { - const location2 = this.getLocationForLink(link); - if (this.delegate.willFollowLinkToLocation(link, location2, event2)) { - event2.preventDefault(); - this.delegate.followedLinkToLocation(link, location2); - } - } - } - }; - this.delegate = delegate; - this.eventTarget = eventTarget; - } - start() { - if (!this.started) { - this.eventTarget.addEventListener("click", this.clickCaptured, true); - this.started = true; - } - } - stop() { - if (this.started) { - this.eventTarget.removeEventListener("click", this.clickCaptured, true); - this.started = false; - } - } - clickEventIsSignificant(event2) { - return !(event2.target && event2.target.isContentEditable || event2.defaultPrevented || event2.which > 1 || event2.altKey || event2.ctrlKey || event2.metaKey || event2.shiftKey); - } - findLinkFromClickTarget(target) { - return findClosestRecursively(target, "a[href]:not([target^=_]):not([download])"); - } - getLocationForLink(link) { - return expandURL(link.getAttribute("href") || ""); - } - }; - function doesNotTargetIFrame(anchor) { - if (anchor.hasAttribute("target")) { - for (const element of document.getElementsByName(anchor.target)) { - if (element instanceof HTMLIFrameElement) - return false; - } - return true; - } else { - return true; - } - } - var FormLinkClickObserver = class { - constructor(delegate, element) { - this.delegate = delegate; - this.linkInterceptor = new LinkClickObserver(this, element); - } - start() { - this.linkInterceptor.start(); - } - stop() { - this.linkInterceptor.stop(); - } - willFollowLinkToLocation(link, location2, originalEvent) { - return this.delegate.willSubmitFormLinkToLocation(link, location2, originalEvent) && link.hasAttribute("data-turbo-method"); - } - followedLinkToLocation(link, location2) { - const form = document.createElement("form"); - const type = "hidden"; - for (const [name, value] of location2.searchParams) { - form.append(Object.assign(document.createElement("input"), { type, name, value })); - } - const action = Object.assign(location2, { search: "" }); - form.setAttribute("data-turbo", "true"); - form.setAttribute("action", action.href); - form.setAttribute("hidden", ""); - const method = link.getAttribute("data-turbo-method"); - if (method) - form.setAttribute("method", method); - const turboFrame = link.getAttribute("data-turbo-frame"); - if (turboFrame) - form.setAttribute("data-turbo-frame", turboFrame); - const turboAction = getVisitAction(link); - if (turboAction) - form.setAttribute("data-turbo-action", turboAction); - const turboConfirm = link.getAttribute("data-turbo-confirm"); - if (turboConfirm) - form.setAttribute("data-turbo-confirm", turboConfirm); - const turboStream = link.hasAttribute("data-turbo-stream"); - if (turboStream) - form.setAttribute("data-turbo-stream", ""); - this.delegate.submittedFormLinkToLocation(link, location2, form); - document.body.appendChild(form); - form.addEventListener("turbo:submit-end", () => form.remove(), { once: true }); - requestAnimationFrame(() => form.requestSubmit()); - } - }; - var Bardo = class { - static async preservingPermanentElements(delegate, permanentElementMap, callback) { - const bardo = new this(delegate, permanentElementMap); - bardo.enter(); - await callback(); - bardo.leave(); - } - constructor(delegate, permanentElementMap) { - this.delegate = delegate; - this.permanentElementMap = permanentElementMap; - } - enter() { - for (const id in this.permanentElementMap) { - const [currentPermanentElement, newPermanentElement] = this.permanentElementMap[id]; - this.delegate.enteringBardo(currentPermanentElement, newPermanentElement); - this.replaceNewPermanentElementWithPlaceholder(newPermanentElement); - } - } - leave() { - for (const id in this.permanentElementMap) { - const [currentPermanentElement] = this.permanentElementMap[id]; - this.replaceCurrentPermanentElementWithClone(currentPermanentElement); - this.replacePlaceholderWithPermanentElement(currentPermanentElement); - this.delegate.leavingBardo(currentPermanentElement); - } - } - replaceNewPermanentElementWithPlaceholder(permanentElement) { - const placeholder = createPlaceholderForPermanentElement(permanentElement); - permanentElement.replaceWith(placeholder); - } - replaceCurrentPermanentElementWithClone(permanentElement) { - const clone = permanentElement.cloneNode(true); - permanentElement.replaceWith(clone); - } - replacePlaceholderWithPermanentElement(permanentElement) { - const placeholder = this.getPlaceholderById(permanentElement.id); - placeholder === null || placeholder === void 0 ? void 0 : placeholder.replaceWith(permanentElement); - } - getPlaceholderById(id) { - return this.placeholders.find((element) => element.content == id); - } - get placeholders() { - return [...document.querySelectorAll("meta[name=turbo-permanent-placeholder][content]")]; - } - }; - function createPlaceholderForPermanentElement(permanentElement) { - const element = document.createElement("meta"); - element.setAttribute("name", "turbo-permanent-placeholder"); - element.setAttribute("content", permanentElement.id); - return element; - } - var Renderer = class { - constructor(currentSnapshot, newSnapshot, renderElement, isPreview, willRender = true) { - this.activeElement = null; - this.currentSnapshot = currentSnapshot; - this.newSnapshot = newSnapshot; - this.isPreview = isPreview; - this.willRender = willRender; - this.renderElement = renderElement; - this.promise = new Promise((resolve, reject) => this.resolvingFunctions = { resolve, reject }); - } - get shouldRender() { - return true; - } - get reloadReason() { - return; - } - prepareToRender() { - return; - } - finishRendering() { - if (this.resolvingFunctions) { - this.resolvingFunctions.resolve(); - delete this.resolvingFunctions; - } - } - async preservingPermanentElements(callback) { - await Bardo.preservingPermanentElements(this, this.permanentElementMap, callback); - } - focusFirstAutofocusableElement() { - const element = this.connectedSnapshot.firstAutofocusableElement; - if (elementIsFocusable(element)) { - element.focus(); - } - } - enteringBardo(currentPermanentElement) { - if (this.activeElement) - return; - if (currentPermanentElement.contains(this.currentSnapshot.activeElement)) { - this.activeElement = this.currentSnapshot.activeElement; - } - } - leavingBardo(currentPermanentElement) { - if (currentPermanentElement.contains(this.activeElement) && this.activeElement instanceof HTMLElement) { - this.activeElement.focus(); - this.activeElement = null; - } - } - get connectedSnapshot() { - return this.newSnapshot.isConnected ? this.newSnapshot : this.currentSnapshot; - } - get currentElement() { - return this.currentSnapshot.element; - } - get newElement() { - return this.newSnapshot.element; - } - get permanentElementMap() { - return this.currentSnapshot.getPermanentElementMapForSnapshot(this.newSnapshot); - } - }; - function elementIsFocusable(element) { - return element && typeof element.focus == "function"; - } - var FrameRenderer = class extends Renderer { - static renderElement(currentElement, newElement) { - var _a; - const destinationRange = document.createRange(); - destinationRange.selectNodeContents(currentElement); - destinationRange.deleteContents(); - const frameElement = newElement; - const sourceRange = (_a = frameElement.ownerDocument) === null || _a === void 0 ? void 0 : _a.createRange(); - if (sourceRange) { - sourceRange.selectNodeContents(frameElement); - currentElement.appendChild(sourceRange.extractContents()); - } - } - constructor(delegate, currentSnapshot, newSnapshot, renderElement, isPreview, willRender = true) { - super(currentSnapshot, newSnapshot, renderElement, isPreview, willRender); - this.delegate = delegate; - } - get shouldRender() { - return true; - } - async render() { - await nextAnimationFrame(); - this.preservingPermanentElements(() => { - this.loadFrameElement(); - }); - this.scrollFrameIntoView(); - await nextAnimationFrame(); - this.focusFirstAutofocusableElement(); - await nextAnimationFrame(); - this.activateScriptElements(); - } - loadFrameElement() { - this.delegate.willRenderFrame(this.currentElement, this.newElement); - this.renderElement(this.currentElement, this.newElement); - } - scrollFrameIntoView() { - if (this.currentElement.autoscroll || this.newElement.autoscroll) { - const element = this.currentElement.firstElementChild; - const block = readScrollLogicalPosition(this.currentElement.getAttribute("data-autoscroll-block"), "end"); - const behavior = readScrollBehavior(this.currentElement.getAttribute("data-autoscroll-behavior"), "auto"); - if (element) { - element.scrollIntoView({ block, behavior }); - return true; - } - } - return false; - } - activateScriptElements() { - for (const inertScriptElement of this.newScriptElements) { - const activatedScriptElement = activateScriptElement(inertScriptElement); - inertScriptElement.replaceWith(activatedScriptElement); - } - } - get newScriptElements() { - return this.currentElement.querySelectorAll("script"); - } - }; - function readScrollLogicalPosition(value, defaultValue) { - if (value == "end" || value == "start" || value == "center" || value == "nearest") { - return value; - } else { - return defaultValue; - } - } - function readScrollBehavior(value, defaultValue) { - if (value == "auto" || value == "smooth") { - return value; - } else { - return defaultValue; - } - } - var ProgressBar = class _ProgressBar { - static get defaultCSS() { - return unindent` - .turbo-progress-bar { - position: fixed; - display: block; - top: 0; - left: 0; - height: 3px; - background: #0076ff; - z-index: 2147483647; - transition: - width ${_ProgressBar.animationDuration}ms ease-out, - opacity ${_ProgressBar.animationDuration / 2}ms ${_ProgressBar.animationDuration / 2}ms ease-in; - transform: translate3d(0, 0, 0); - } - `; - } - constructor() { - this.hiding = false; - this.value = 0; - this.visible = false; - this.trickle = () => { - this.setValue(this.value + Math.random() / 100); - }; - this.stylesheetElement = this.createStylesheetElement(); - this.progressElement = this.createProgressElement(); - this.installStylesheetElement(); - this.setValue(0); - } - show() { - if (!this.visible) { - this.visible = true; - this.installProgressElement(); - this.startTrickling(); - } - } - hide() { - if (this.visible && !this.hiding) { - this.hiding = true; - this.fadeProgressElement(() => { - this.uninstallProgressElement(); - this.stopTrickling(); - this.visible = false; - this.hiding = false; - }); - } - } - setValue(value) { - this.value = value; - this.refresh(); - } - installStylesheetElement() { - document.head.insertBefore(this.stylesheetElement, document.head.firstChild); - } - installProgressElement() { - this.progressElement.style.width = "0"; - this.progressElement.style.opacity = "1"; - document.documentElement.insertBefore(this.progressElement, document.body); - this.refresh(); - } - fadeProgressElement(callback) { - this.progressElement.style.opacity = "0"; - setTimeout(callback, _ProgressBar.animationDuration * 1.5); - } - uninstallProgressElement() { - if (this.progressElement.parentNode) { - document.documentElement.removeChild(this.progressElement); - } - } - startTrickling() { - if (!this.trickleInterval) { - this.trickleInterval = window.setInterval(this.trickle, _ProgressBar.animationDuration); - } - } - stopTrickling() { - window.clearInterval(this.trickleInterval); - delete this.trickleInterval; - } - refresh() { - requestAnimationFrame(() => { - this.progressElement.style.width = `${10 + this.value * 90}%`; - }); - } - createStylesheetElement() { - const element = document.createElement("style"); - element.type = "text/css"; - element.textContent = _ProgressBar.defaultCSS; - if (this.cspNonce) { - element.nonce = this.cspNonce; - } - return element; - } - createProgressElement() { - const element = document.createElement("div"); - element.className = "turbo-progress-bar"; - return element; - } - get cspNonce() { - return getMetaContent("csp-nonce"); - } - }; - ProgressBar.animationDuration = 300; - var HeadSnapshot = class extends Snapshot { - constructor() { - super(...arguments); - this.detailsByOuterHTML = this.children.filter((element) => !elementIsNoscript(element)).map((element) => elementWithoutNonce(element)).reduce((result, element) => { - const { outerHTML } = element; - const details = outerHTML in result ? result[outerHTML] : { - type: elementType(element), - tracked: elementIsTracked(element), - elements: [] - }; - return Object.assign(Object.assign({}, result), { [outerHTML]: Object.assign(Object.assign({}, details), { elements: [...details.elements, element] }) }); - }, {}); - } - get trackedElementSignature() { - return Object.keys(this.detailsByOuterHTML).filter((outerHTML) => this.detailsByOuterHTML[outerHTML].tracked).join(""); - } - getScriptElementsNotInSnapshot(snapshot) { - return this.getElementsMatchingTypeNotInSnapshot("script", snapshot); - } - getStylesheetElementsNotInSnapshot(snapshot) { - return this.getElementsMatchingTypeNotInSnapshot("stylesheet", snapshot); - } - getElementsMatchingTypeNotInSnapshot(matchedType, snapshot) { - return Object.keys(this.detailsByOuterHTML).filter((outerHTML) => !(outerHTML in snapshot.detailsByOuterHTML)).map((outerHTML) => this.detailsByOuterHTML[outerHTML]).filter(({ type }) => type == matchedType).map(({ elements: [element] }) => element); - } - get provisionalElements() { - return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => { - const { type, tracked, elements } = this.detailsByOuterHTML[outerHTML]; - if (type == null && !tracked) { - return [...result, ...elements]; - } else if (elements.length > 1) { - return [...result, ...elements.slice(1)]; - } else { - return result; - } - }, []); - } - getMetaValue(name) { - const element = this.findMetaElementByName(name); - return element ? element.getAttribute("content") : null; - } - findMetaElementByName(name) { - return Object.keys(this.detailsByOuterHTML).reduce((result, outerHTML) => { - const { elements: [element] } = this.detailsByOuterHTML[outerHTML]; - return elementIsMetaElementWithName(element, name) ? element : result; - }, void 0); - } - }; - function elementType(element) { - if (elementIsScript(element)) { - return "script"; - } else if (elementIsStylesheet(element)) { - return "stylesheet"; - } - } - function elementIsTracked(element) { - return element.getAttribute("data-turbo-track") == "reload"; - } - function elementIsScript(element) { - const tagName = element.localName; - return tagName == "script"; - } - function elementIsNoscript(element) { - const tagName = element.localName; - return tagName == "noscript"; - } - function elementIsStylesheet(element) { - const tagName = element.localName; - return tagName == "style" || tagName == "link" && element.getAttribute("rel") == "stylesheet"; - } - function elementIsMetaElementWithName(element, name) { - const tagName = element.localName; - return tagName == "meta" && element.getAttribute("name") == name; - } - function elementWithoutNonce(element) { - if (element.hasAttribute("nonce")) { - element.setAttribute("nonce", ""); - } - return element; - } - var PageSnapshot = class _PageSnapshot extends Snapshot { - static fromHTMLString(html = "") { - return this.fromDocument(parseHTMLDocument(html)); - } - static fromElement(element) { - return this.fromDocument(element.ownerDocument); - } - static fromDocument({ head, body }) { - return new this(body, new HeadSnapshot(head)); - } - constructor(element, headSnapshot) { - super(element); - this.headSnapshot = headSnapshot; - } - clone() { - const clonedElement = this.element.cloneNode(true); - const selectElements = this.element.querySelectorAll("select"); - const clonedSelectElements = clonedElement.querySelectorAll("select"); - for (const [index, source] of selectElements.entries()) { - const clone = clonedSelectElements[index]; - for (const option of clone.selectedOptions) - option.selected = false; - for (const option of source.selectedOptions) - clone.options[option.index].selected = true; - } - for (const clonedPasswordInput of clonedElement.querySelectorAll('input[type="password"]')) { - clonedPasswordInput.value = ""; - } - return new _PageSnapshot(clonedElement, this.headSnapshot); - } - get headElement() { - return this.headSnapshot.element; - } - get rootLocation() { - var _a; - const root = (_a = this.getSetting("root")) !== null && _a !== void 0 ? _a : "/"; - return expandURL(root); - } - get cacheControlValue() { - return this.getSetting("cache-control"); - } - get isPreviewable() { - return this.cacheControlValue != "no-preview"; - } - get isCacheable() { - return this.cacheControlValue != "no-cache"; - } - get isVisitable() { - return this.getSetting("visit-control") != "reload"; - } - getSetting(name) { - return this.headSnapshot.getMetaValue(`turbo-${name}`); - } - }; - var TimingMetric; - (function(TimingMetric2) { - TimingMetric2["visitStart"] = "visitStart"; - TimingMetric2["requestStart"] = "requestStart"; - TimingMetric2["requestEnd"] = "requestEnd"; - TimingMetric2["visitEnd"] = "visitEnd"; - })(TimingMetric || (TimingMetric = {})); - var VisitState; - (function(VisitState2) { - VisitState2["initialized"] = "initialized"; - VisitState2["started"] = "started"; - VisitState2["canceled"] = "canceled"; - VisitState2["failed"] = "failed"; - VisitState2["completed"] = "completed"; - })(VisitState || (VisitState = {})); - var defaultOptions = { - action: "advance", - historyChanged: false, - visitCachedSnapshot: () => { - }, - willRender: true, - updateHistory: true, - shouldCacheSnapshot: true, - acceptsStreamResponse: false - }; - var SystemStatusCode; - (function(SystemStatusCode2) { - SystemStatusCode2[SystemStatusCode2["networkFailure"] = 0] = "networkFailure"; - SystemStatusCode2[SystemStatusCode2["timeoutFailure"] = -1] = "timeoutFailure"; - SystemStatusCode2[SystemStatusCode2["contentTypeMismatch"] = -2] = "contentTypeMismatch"; - })(SystemStatusCode || (SystemStatusCode = {})); - var Visit = class { - constructor(delegate, location2, restorationIdentifier, options = {}) { - this.identifier = uuid(); - this.timingMetrics = {}; - this.followedRedirect = false; - this.historyChanged = false; - this.scrolled = false; - this.shouldCacheSnapshot = true; - this.acceptsStreamResponse = false; - this.snapshotCached = false; - this.state = VisitState.initialized; - this.delegate = delegate; - this.location = location2; - this.restorationIdentifier = restorationIdentifier || uuid(); - const { action, historyChanged, referrer, snapshot, snapshotHTML, response, visitCachedSnapshot, willRender, updateHistory, shouldCacheSnapshot, acceptsStreamResponse } = Object.assign(Object.assign({}, defaultOptions), options); - this.action = action; - this.historyChanged = historyChanged; - this.referrer = referrer; - this.snapshot = snapshot; - this.snapshotHTML = snapshotHTML; - this.response = response; - this.isSamePage = this.delegate.locationWithActionIsSamePage(this.location, this.action); - this.visitCachedSnapshot = visitCachedSnapshot; - this.willRender = willRender; - this.updateHistory = updateHistory; - this.scrolled = !willRender; - this.shouldCacheSnapshot = shouldCacheSnapshot; - this.acceptsStreamResponse = acceptsStreamResponse; - } - get adapter() { - return this.delegate.adapter; - } - get view() { - return this.delegate.view; - } - get history() { - return this.delegate.history; - } - get restorationData() { - return this.history.getRestorationDataForIdentifier(this.restorationIdentifier); - } - get silent() { - return this.isSamePage; - } - start() { - if (this.state == VisitState.initialized) { - this.recordTimingMetric(TimingMetric.visitStart); - this.state = VisitState.started; - this.adapter.visitStarted(this); - this.delegate.visitStarted(this); - } - } - cancel() { - if (this.state == VisitState.started) { - if (this.request) { - this.request.cancel(); - } - this.cancelRender(); - this.state = VisitState.canceled; - } - } - complete() { - if (this.state == VisitState.started) { - this.recordTimingMetric(TimingMetric.visitEnd); - this.state = VisitState.completed; - this.followRedirect(); - if (!this.followedRedirect) { - this.adapter.visitCompleted(this); - this.delegate.visitCompleted(this); - } - } - } - fail() { - if (this.state == VisitState.started) { - this.state = VisitState.failed; - this.adapter.visitFailed(this); - } - } - changeHistory() { - var _a; - if (!this.historyChanged && this.updateHistory) { - const actionForHistory = this.location.href === ((_a = this.referrer) === null || _a === void 0 ? void 0 : _a.href) ? "replace" : this.action; - const method = getHistoryMethodForAction(actionForHistory); - this.history.update(method, this.location, this.restorationIdentifier); - this.historyChanged = true; - } - } - issueRequest() { - if (this.hasPreloadedResponse()) { - this.simulateRequest(); - } else if (this.shouldIssueRequest() && !this.request) { - this.request = new FetchRequest(this, FetchMethod.get, this.location); - this.request.perform(); - } - } - simulateRequest() { - if (this.response) { - this.startRequest(); - this.recordResponse(); - this.finishRequest(); - } - } - startRequest() { - this.recordTimingMetric(TimingMetric.requestStart); - this.adapter.visitRequestStarted(this); - } - recordResponse(response = this.response) { - this.response = response; - if (response) { - const { statusCode } = response; - if (isSuccessful(statusCode)) { - this.adapter.visitRequestCompleted(this); - } else { - this.adapter.visitRequestFailedWithStatusCode(this, statusCode); - } - } - } - finishRequest() { - this.recordTimingMetric(TimingMetric.requestEnd); - this.adapter.visitRequestFinished(this); - } - loadResponse() { - if (this.response) { - const { statusCode, responseHTML } = this.response; - this.render(async () => { - if (this.shouldCacheSnapshot) - this.cacheSnapshot(); - if (this.view.renderPromise) - await this.view.renderPromise; - if (isSuccessful(statusCode) && responseHTML != null) { - await this.view.renderPage(PageSnapshot.fromHTMLString(responseHTML), false, this.willRender, this); - this.performScroll(); - this.adapter.visitRendered(this); - this.complete(); - } else { - await this.view.renderError(PageSnapshot.fromHTMLString(responseHTML), this); - this.adapter.visitRendered(this); - this.fail(); - } - }); - } - } - getCachedSnapshot() { - const snapshot = this.view.getCachedSnapshotForLocation(this.location) || this.getPreloadedSnapshot(); - if (snapshot && (!getAnchor(this.location) || snapshot.hasAnchor(getAnchor(this.location)))) { - if (this.action == "restore" || snapshot.isPreviewable) { - return snapshot; - } - } - } - getPreloadedSnapshot() { - if (this.snapshotHTML) { - return PageSnapshot.fromHTMLString(this.snapshotHTML); - } - } - hasCachedSnapshot() { - return this.getCachedSnapshot() != null; - } - loadCachedSnapshot() { - const snapshot = this.getCachedSnapshot(); - if (snapshot) { - const isPreview = this.shouldIssueRequest(); - this.render(async () => { - this.cacheSnapshot(); - if (this.isSamePage) { - this.adapter.visitRendered(this); - } else { - if (this.view.renderPromise) - await this.view.renderPromise; - await this.view.renderPage(snapshot, isPreview, this.willRender, this); - this.performScroll(); - this.adapter.visitRendered(this); - if (!isPreview) { - this.complete(); - } - } - }); - } - } - followRedirect() { - var _a; - if (this.redirectedToLocation && !this.followedRedirect && ((_a = this.response) === null || _a === void 0 ? void 0 : _a.redirected)) { - this.adapter.visitProposedToLocation(this.redirectedToLocation, { - action: "replace", - response: this.response, - shouldCacheSnapshot: false, - willRender: false - }); - this.followedRedirect = true; - } - } - goToSamePageAnchor() { - if (this.isSamePage) { - this.render(async () => { - this.cacheSnapshot(); - this.performScroll(); - this.changeHistory(); - this.adapter.visitRendered(this); - }); - } - } - prepareRequest(request) { - if (this.acceptsStreamResponse) { - request.acceptResponseType(StreamMessage.contentType); - } - } - requestStarted() { - this.startRequest(); - } - requestPreventedHandlingResponse(_request, _response) { - } - async requestSucceededWithResponse(request, response) { - const responseHTML = await response.responseHTML; - const { redirected, statusCode } = response; - if (responseHTML == void 0) { - this.recordResponse({ - statusCode: SystemStatusCode.contentTypeMismatch, - redirected - }); - } else { - this.redirectedToLocation = response.redirected ? response.location : void 0; - this.recordResponse({ statusCode, responseHTML, redirected }); - } - } - async requestFailedWithResponse(request, response) { - const responseHTML = await response.responseHTML; - const { redirected, statusCode } = response; - if (responseHTML == void 0) { - this.recordResponse({ - statusCode: SystemStatusCode.contentTypeMismatch, - redirected - }); - } else { - this.recordResponse({ statusCode, responseHTML, redirected }); - } - } - requestErrored(_request, _error) { - this.recordResponse({ - statusCode: SystemStatusCode.networkFailure, - redirected: false - }); - } - requestFinished() { - this.finishRequest(); - } - performScroll() { - if (!this.scrolled && !this.view.forceReloaded) { - if (this.action == "restore") { - this.scrollToRestoredPosition() || this.scrollToAnchor() || this.view.scrollToTop(); - } else { - this.scrollToAnchor() || this.view.scrollToTop(); - } - if (this.isSamePage) { - this.delegate.visitScrolledToSamePageLocation(this.view.lastRenderedLocation, this.location); - } - this.scrolled = true; - } - } - scrollToRestoredPosition() { - const { scrollPosition } = this.restorationData; - if (scrollPosition) { - this.view.scrollToPosition(scrollPosition); - return true; - } - } - scrollToAnchor() { - const anchor = getAnchor(this.location); - if (anchor != null) { - this.view.scrollToAnchor(anchor); - return true; - } - } - recordTimingMetric(metric) { - this.timingMetrics[metric] = (/* @__PURE__ */ new Date()).getTime(); - } - getTimingMetrics() { - return Object.assign({}, this.timingMetrics); - } - getHistoryMethodForAction(action) { - switch (action) { - case "replace": - return history.replaceState; - case "advance": - case "restore": - return history.pushState; - } - } - hasPreloadedResponse() { - return typeof this.response == "object"; - } - shouldIssueRequest() { - if (this.isSamePage) { - return false; - } else if (this.action == "restore") { - return !this.hasCachedSnapshot(); - } else { - return this.willRender; - } - } - cacheSnapshot() { - if (!this.snapshotCached) { - this.view.cacheSnapshot(this.snapshot).then((snapshot) => snapshot && this.visitCachedSnapshot(snapshot)); - this.snapshotCached = true; - } - } - async render(callback) { - this.cancelRender(); - await new Promise((resolve) => { - this.frame = requestAnimationFrame(() => resolve()); - }); - await callback(); - delete this.frame; - } - cancelRender() { - if (this.frame) { - cancelAnimationFrame(this.frame); - delete this.frame; - } - } - }; - function isSuccessful(statusCode) { - return statusCode >= 200 && statusCode < 300; - } - var BrowserAdapter = class { - constructor(session2) { - this.progressBar = new ProgressBar(); - this.showProgressBar = () => { - this.progressBar.show(); - }; - this.session = session2; - } - visitProposedToLocation(location2, options) { - this.navigator.startVisit(location2, (options === null || options === void 0 ? void 0 : options.restorationIdentifier) || uuid(), options); - } - visitStarted(visit2) { - this.location = visit2.location; - visit2.loadCachedSnapshot(); - visit2.issueRequest(); - visit2.goToSamePageAnchor(); - } - visitRequestStarted(visit2) { - this.progressBar.setValue(0); - if (visit2.hasCachedSnapshot() || visit2.action != "restore") { - this.showVisitProgressBarAfterDelay(); - } else { - this.showProgressBar(); - } - } - visitRequestCompleted(visit2) { - visit2.loadResponse(); - } - visitRequestFailedWithStatusCode(visit2, statusCode) { - switch (statusCode) { - case SystemStatusCode.networkFailure: - case SystemStatusCode.timeoutFailure: - case SystemStatusCode.contentTypeMismatch: - return this.reload({ - reason: "request_failed", - context: { - statusCode - } - }); - default: - return visit2.loadResponse(); - } - } - visitRequestFinished(_visit) { - this.progressBar.setValue(1); - this.hideVisitProgressBar(); - } - visitCompleted(_visit) { - } - pageInvalidated(reason) { - this.reload(reason); - } - visitFailed(_visit) { - } - visitRendered(_visit) { - } - formSubmissionStarted(_formSubmission) { - this.progressBar.setValue(0); - this.showFormProgressBarAfterDelay(); - } - formSubmissionFinished(_formSubmission) { - this.progressBar.setValue(1); - this.hideFormProgressBar(); - } - showVisitProgressBarAfterDelay() { - this.visitProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay); - } - hideVisitProgressBar() { - this.progressBar.hide(); - if (this.visitProgressBarTimeout != null) { - window.clearTimeout(this.visitProgressBarTimeout); - delete this.visitProgressBarTimeout; - } - } - showFormProgressBarAfterDelay() { - if (this.formProgressBarTimeout == null) { - this.formProgressBarTimeout = window.setTimeout(this.showProgressBar, this.session.progressBarDelay); - } - } - hideFormProgressBar() { - this.progressBar.hide(); - if (this.formProgressBarTimeout != null) { - window.clearTimeout(this.formProgressBarTimeout); - delete this.formProgressBarTimeout; - } - } - reload(reason) { - var _a; - dispatch("turbo:reload", { detail: reason }); - window.location.href = ((_a = this.location) === null || _a === void 0 ? void 0 : _a.toString()) || window.location.href; - } - get navigator() { - return this.session.navigator; - } - }; - var CacheObserver = class { - constructor() { - this.selector = "[data-turbo-temporary]"; - this.deprecatedSelector = "[data-turbo-cache=false]"; - this.started = false; - this.removeTemporaryElements = (_event) => { - for (const element of this.temporaryElements) { - element.remove(); - } - }; - } - start() { - if (!this.started) { - this.started = true; - addEventListener("turbo:before-cache", this.removeTemporaryElements, false); - } - } - stop() { - if (this.started) { - this.started = false; - removeEventListener("turbo:before-cache", this.removeTemporaryElements, false); - } - } - get temporaryElements() { - return [...document.querySelectorAll(this.selector), ...this.temporaryElementsWithDeprecation]; - } - get temporaryElementsWithDeprecation() { - const elements = document.querySelectorAll(this.deprecatedSelector); - if (elements.length) { - console.warn(`The ${this.deprecatedSelector} selector is deprecated and will be removed in a future version. Use ${this.selector} instead.`); - } - return [...elements]; - } - }; - var FrameRedirector = class { - constructor(session2, element) { - this.session = session2; - this.element = element; - this.linkInterceptor = new LinkInterceptor(this, element); - this.formSubmitObserver = new FormSubmitObserver(this, element); - } - start() { - this.linkInterceptor.start(); - this.formSubmitObserver.start(); - } - stop() { - this.linkInterceptor.stop(); - this.formSubmitObserver.stop(); - } - shouldInterceptLinkClick(element, _location, _event) { - return this.shouldRedirect(element); - } - linkClickIntercepted(element, url, event2) { - const frame = this.findFrameElement(element); - if (frame) { - frame.delegate.linkClickIntercepted(element, url, event2); - } - } - willSubmitForm(element, submitter) { - return element.closest("turbo-frame") == null && this.shouldSubmit(element, submitter) && this.shouldRedirect(element, submitter); - } - formSubmitted(element, submitter) { - const frame = this.findFrameElement(element, submitter); - if (frame) { - frame.delegate.formSubmitted(element, submitter); - } - } - shouldSubmit(form, submitter) { - var _a; - const action = getAction(form, submitter); - const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`); - const rootLocation = expandURL((_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/"); - return this.shouldRedirect(form, submitter) && locationIsVisitable(action, rootLocation); - } - shouldRedirect(element, submitter) { - const isNavigatable = element instanceof HTMLFormElement ? this.session.submissionIsNavigatable(element, submitter) : this.session.elementIsNavigatable(element); - if (isNavigatable) { - const frame = this.findFrameElement(element, submitter); - return frame ? frame != element.closest("turbo-frame") : false; - } else { - return false; - } - } - findFrameElement(element, submitter) { - const id = (submitter === null || submitter === void 0 ? void 0 : submitter.getAttribute("data-turbo-frame")) || element.getAttribute("data-turbo-frame"); - if (id && id != "_top") { - const frame = this.element.querySelector(`#${id}:not([disabled])`); - if (frame instanceof FrameElement) { - return frame; - } - } - } - }; - var History = class { - constructor(delegate) { - this.restorationIdentifier = uuid(); - this.restorationData = {}; - this.started = false; - this.pageLoaded = false; - this.onPopState = (event2) => { - if (this.shouldHandlePopState()) { - const { turbo } = event2.state || {}; - if (turbo) { - this.location = new URL(window.location.href); - const { restorationIdentifier } = turbo; - this.restorationIdentifier = restorationIdentifier; - this.delegate.historyPoppedToLocationWithRestorationIdentifier(this.location, restorationIdentifier); - } - } - }; - this.onPageLoad = async (_event) => { - await nextMicrotask(); - this.pageLoaded = true; - }; - this.delegate = delegate; - } - start() { - if (!this.started) { - addEventListener("popstate", this.onPopState, false); - addEventListener("load", this.onPageLoad, false); - this.started = true; - this.replace(new URL(window.location.href)); - } - } - stop() { - if (this.started) { - removeEventListener("popstate", this.onPopState, false); - removeEventListener("load", this.onPageLoad, false); - this.started = false; - } - } - push(location2, restorationIdentifier) { - this.update(history.pushState, location2, restorationIdentifier); - } - replace(location2, restorationIdentifier) { - this.update(history.replaceState, location2, restorationIdentifier); - } - update(method, location2, restorationIdentifier = uuid()) { - const state = { turbo: { restorationIdentifier } }; - method.call(history, state, "", location2.href); - this.location = location2; - this.restorationIdentifier = restorationIdentifier; - } - getRestorationDataForIdentifier(restorationIdentifier) { - return this.restorationData[restorationIdentifier] || {}; - } - updateRestorationData(additionalData) { - const { restorationIdentifier } = this; - const restorationData = this.restorationData[restorationIdentifier]; - this.restorationData[restorationIdentifier] = Object.assign(Object.assign({}, restorationData), additionalData); - } - assumeControlOfScrollRestoration() { - var _a; - if (!this.previousScrollRestoration) { - this.previousScrollRestoration = (_a = history.scrollRestoration) !== null && _a !== void 0 ? _a : "auto"; - history.scrollRestoration = "manual"; - } - } - relinquishControlOfScrollRestoration() { - if (this.previousScrollRestoration) { - history.scrollRestoration = this.previousScrollRestoration; - delete this.previousScrollRestoration; - } - } - shouldHandlePopState() { - return this.pageIsLoaded(); - } - pageIsLoaded() { - return this.pageLoaded || document.readyState == "complete"; - } - }; - var Navigator = class { - constructor(delegate) { - this.delegate = delegate; - } - proposeVisit(location2, options = {}) { - if (this.delegate.allowsVisitingLocationWithAction(location2, options.action)) { - if (locationIsVisitable(location2, this.view.snapshot.rootLocation)) { - this.delegate.visitProposedToLocation(location2, options); - } else { - window.location.href = location2.toString(); - } - } - } - startVisit(locatable, restorationIdentifier, options = {}) { - this.stop(); - this.currentVisit = new Visit(this, expandURL(locatable), restorationIdentifier, Object.assign({ referrer: this.location }, options)); - this.currentVisit.start(); - } - submitForm(form, submitter) { - this.stop(); - this.formSubmission = new FormSubmission(this, form, submitter, true); - this.formSubmission.start(); - } - stop() { - if (this.formSubmission) { - this.formSubmission.stop(); - delete this.formSubmission; - } - if (this.currentVisit) { - this.currentVisit.cancel(); - delete this.currentVisit; - } - } - get adapter() { - return this.delegate.adapter; - } - get view() { - return this.delegate.view; - } - get history() { - return this.delegate.history; - } - formSubmissionStarted(formSubmission) { - if (typeof this.adapter.formSubmissionStarted === "function") { - this.adapter.formSubmissionStarted(formSubmission); - } - } - async formSubmissionSucceededWithResponse(formSubmission, fetchResponse) { - if (formSubmission == this.formSubmission) { - const responseHTML = await fetchResponse.responseHTML; - if (responseHTML) { - const shouldCacheSnapshot = formSubmission.isSafe; - if (!shouldCacheSnapshot) { - this.view.clearSnapshotCache(); - } - const { statusCode, redirected } = fetchResponse; - const action = this.getActionForFormSubmission(formSubmission); - const visitOptions = { - action, - shouldCacheSnapshot, - response: { statusCode, responseHTML, redirected } - }; - this.proposeVisit(fetchResponse.location, visitOptions); - } - } - } - async formSubmissionFailedWithResponse(formSubmission, fetchResponse) { - const responseHTML = await fetchResponse.responseHTML; - if (responseHTML) { - const snapshot = PageSnapshot.fromHTMLString(responseHTML); - if (fetchResponse.serverError) { - await this.view.renderError(snapshot, this.currentVisit); - } else { - await this.view.renderPage(snapshot, false, true, this.currentVisit); - } - this.view.scrollToTop(); - this.view.clearSnapshotCache(); - } - } - formSubmissionErrored(formSubmission, error2) { - console.error(error2); - } - formSubmissionFinished(formSubmission) { - if (typeof this.adapter.formSubmissionFinished === "function") { - this.adapter.formSubmissionFinished(formSubmission); - } - } - visitStarted(visit2) { - this.delegate.visitStarted(visit2); - } - visitCompleted(visit2) { - this.delegate.visitCompleted(visit2); - } - locationWithActionIsSamePage(location2, action) { - const anchor = getAnchor(location2); - const currentAnchor = getAnchor(this.view.lastRenderedLocation); - const isRestorationToTop = action === "restore" && typeof anchor === "undefined"; - return action !== "replace" && getRequestURL(location2) === getRequestURL(this.view.lastRenderedLocation) && (isRestorationToTop || anchor != null && anchor !== currentAnchor); - } - visitScrolledToSamePageLocation(oldURL, newURL) { - this.delegate.visitScrolledToSamePageLocation(oldURL, newURL); - } - get location() { - return this.history.location; - } - get restorationIdentifier() { - return this.history.restorationIdentifier; - } - getActionForFormSubmission({ submitter, formElement }) { - return getVisitAction(submitter, formElement) || "advance"; - } - }; - var PageStage; - (function(PageStage2) { - PageStage2[PageStage2["initial"] = 0] = "initial"; - PageStage2[PageStage2["loading"] = 1] = "loading"; - PageStage2[PageStage2["interactive"] = 2] = "interactive"; - PageStage2[PageStage2["complete"] = 3] = "complete"; - })(PageStage || (PageStage = {})); - var PageObserver = class { - constructor(delegate) { - this.stage = PageStage.initial; - this.started = false; - this.interpretReadyState = () => { - const { readyState } = this; - if (readyState == "interactive") { - this.pageIsInteractive(); - } else if (readyState == "complete") { - this.pageIsComplete(); - } - }; - this.pageWillUnload = () => { - this.delegate.pageWillUnload(); - }; - this.delegate = delegate; - } - start() { - if (!this.started) { - if (this.stage == PageStage.initial) { - this.stage = PageStage.loading; - } - document.addEventListener("readystatechange", this.interpretReadyState, false); - addEventListener("pagehide", this.pageWillUnload, false); - this.started = true; - } - } - stop() { - if (this.started) { - document.removeEventListener("readystatechange", this.interpretReadyState, false); - removeEventListener("pagehide", this.pageWillUnload, false); - this.started = false; - } - } - pageIsInteractive() { - if (this.stage == PageStage.loading) { - this.stage = PageStage.interactive; - this.delegate.pageBecameInteractive(); - } - } - pageIsComplete() { - this.pageIsInteractive(); - if (this.stage == PageStage.interactive) { - this.stage = PageStage.complete; - this.delegate.pageLoaded(); - } - } - get readyState() { - return document.readyState; - } - }; - var ScrollObserver = class { - constructor(delegate) { - this.started = false; - this.onScroll = () => { - this.updatePosition({ x: window.pageXOffset, y: window.pageYOffset }); - }; - this.delegate = delegate; - } - start() { - if (!this.started) { - addEventListener("scroll", this.onScroll, false); - this.onScroll(); - this.started = true; - } - } - stop() { - if (this.started) { - removeEventListener("scroll", this.onScroll, false); - this.started = false; - } - } - updatePosition(position) { - this.delegate.scrollPositionChanged(position); - } - }; - var StreamMessageRenderer = class { - render({ fragment }) { - Bardo.preservingPermanentElements(this, getPermanentElementMapForFragment(fragment), () => document.documentElement.appendChild(fragment)); - } - enteringBardo(currentPermanentElement, newPermanentElement) { - newPermanentElement.replaceWith(currentPermanentElement.cloneNode(true)); - } - leavingBardo() { - } - }; - function getPermanentElementMapForFragment(fragment) { - const permanentElementsInDocument = queryPermanentElementsAll(document.documentElement); - const permanentElementMap = {}; - for (const permanentElementInDocument of permanentElementsInDocument) { - const { id } = permanentElementInDocument; - for (const streamElement of fragment.querySelectorAll("turbo-stream")) { - const elementInStream = getPermanentElementById(streamElement.templateElement.content, id); - if (elementInStream) { - permanentElementMap[id] = [permanentElementInDocument, elementInStream]; - } - } - } - return permanentElementMap; - } - var StreamObserver = class { - constructor(delegate) { - this.sources = /* @__PURE__ */ new Set(); - this.started = false; - this.inspectFetchResponse = (event2) => { - const response = fetchResponseFromEvent(event2); - if (response && fetchResponseIsStream(response)) { - event2.preventDefault(); - this.receiveMessageResponse(response); - } - }; - this.receiveMessageEvent = (event2) => { - if (this.started && typeof event2.data == "string") { - this.receiveMessageHTML(event2.data); - } - }; - this.delegate = delegate; - } - start() { - if (!this.started) { - this.started = true; - addEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false); - } - } - stop() { - if (this.started) { - this.started = false; - removeEventListener("turbo:before-fetch-response", this.inspectFetchResponse, false); - } - } - connectStreamSource(source) { - if (!this.streamSourceIsConnected(source)) { - this.sources.add(source); - source.addEventListener("message", this.receiveMessageEvent, false); - } - } - disconnectStreamSource(source) { - if (this.streamSourceIsConnected(source)) { - this.sources.delete(source); - source.removeEventListener("message", this.receiveMessageEvent, false); - } - } - streamSourceIsConnected(source) { - return this.sources.has(source); - } - async receiveMessageResponse(response) { - const html = await response.responseHTML; - if (html) { - this.receiveMessageHTML(html); - } - } - receiveMessageHTML(html) { - this.delegate.receivedMessageFromStream(StreamMessage.wrap(html)); - } - }; - function fetchResponseFromEvent(event2) { - var _a; - const fetchResponse = (_a = event2.detail) === null || _a === void 0 ? void 0 : _a.fetchResponse; - if (fetchResponse instanceof FetchResponse) { - return fetchResponse; - } - } - function fetchResponseIsStream(response) { - var _a; - const contentType = (_a = response.contentType) !== null && _a !== void 0 ? _a : ""; - return contentType.startsWith(StreamMessage.contentType); - } - var ErrorRenderer = class extends Renderer { - static renderElement(currentElement, newElement) { - const { documentElement, body } = document; - documentElement.replaceChild(newElement, body); - } - async render() { - this.replaceHeadAndBody(); - this.activateScriptElements(); - } - replaceHeadAndBody() { - const { documentElement, head } = document; - documentElement.replaceChild(this.newHead, head); - this.renderElement(this.currentElement, this.newElement); - } - activateScriptElements() { - for (const replaceableElement of this.scriptElements) { - const parentNode = replaceableElement.parentNode; - if (parentNode) { - const element = activateScriptElement(replaceableElement); - parentNode.replaceChild(element, replaceableElement); - } - } - } - get newHead() { - return this.newSnapshot.headSnapshot.element; - } - get scriptElements() { - return document.documentElement.querySelectorAll("script"); - } - }; - var PageRenderer = class extends Renderer { - static renderElement(currentElement, newElement) { - if (document.body && newElement instanceof HTMLBodyElement) { - document.body.replaceWith(newElement); - } else { - document.documentElement.appendChild(newElement); - } - } - get shouldRender() { - return this.newSnapshot.isVisitable && this.trackedElementsAreIdentical; - } - get reloadReason() { - if (!this.newSnapshot.isVisitable) { - return { - reason: "turbo_visit_control_is_reload" - }; - } - if (!this.trackedElementsAreIdentical) { - return { - reason: "tracked_element_mismatch" - }; - } - } - async prepareToRender() { - await this.mergeHead(); - } - async render() { - if (this.willRender) { - await this.replaceBody(); - } - } - finishRendering() { - super.finishRendering(); - if (!this.isPreview) { - this.focusFirstAutofocusableElement(); - } - } - get currentHeadSnapshot() { - return this.currentSnapshot.headSnapshot; - } - get newHeadSnapshot() { - return this.newSnapshot.headSnapshot; - } - get newElement() { - return this.newSnapshot.element; - } - async mergeHead() { - const mergedHeadElements = this.mergeProvisionalElements(); - const newStylesheetElements = this.copyNewHeadStylesheetElements(); - this.copyNewHeadScriptElements(); - await mergedHeadElements; - await newStylesheetElements; - } - async replaceBody() { - await this.preservingPermanentElements(async () => { - this.activateNewBody(); - await this.assignNewBody(); - }); - } - get trackedElementsAreIdentical() { - return this.currentHeadSnapshot.trackedElementSignature == this.newHeadSnapshot.trackedElementSignature; - } - async copyNewHeadStylesheetElements() { - const loadingElements = []; - for (const element of this.newHeadStylesheetElements) { - loadingElements.push(waitForLoad(element)); - document.head.appendChild(element); - } - await Promise.all(loadingElements); - } - copyNewHeadScriptElements() { - for (const element of this.newHeadScriptElements) { - document.head.appendChild(activateScriptElement(element)); - } - } - async mergeProvisionalElements() { - const newHeadElements = [...this.newHeadProvisionalElements]; - for (const element of this.currentHeadProvisionalElements) { - if (!this.isCurrentElementInElementList(element, newHeadElements)) { - document.head.removeChild(element); - } - } - for (const element of newHeadElements) { - document.head.appendChild(element); - } - } - isCurrentElementInElementList(element, elementList) { - for (const [index, newElement] of elementList.entries()) { - if (element.tagName == "TITLE") { - if (newElement.tagName != "TITLE") { - continue; - } - if (element.innerHTML == newElement.innerHTML) { - elementList.splice(index, 1); - return true; - } - } - if (newElement.isEqualNode(element)) { - elementList.splice(index, 1); - return true; - } - } - return false; - } - removeCurrentHeadProvisionalElements() { - for (const element of this.currentHeadProvisionalElements) { - document.head.removeChild(element); - } - } - copyNewHeadProvisionalElements() { - for (const element of this.newHeadProvisionalElements) { - document.head.appendChild(element); - } - } - activateNewBody() { - document.adoptNode(this.newElement); - this.activateNewBodyScriptElements(); - } - activateNewBodyScriptElements() { - for (const inertScriptElement of this.newBodyScriptElements) { - const activatedScriptElement = activateScriptElement(inertScriptElement); - inertScriptElement.replaceWith(activatedScriptElement); - } - } - async assignNewBody() { - await this.renderElement(this.currentElement, this.newElement); - } - get newHeadStylesheetElements() { - return this.newHeadSnapshot.getStylesheetElementsNotInSnapshot(this.currentHeadSnapshot); - } - get newHeadScriptElements() { - return this.newHeadSnapshot.getScriptElementsNotInSnapshot(this.currentHeadSnapshot); - } - get currentHeadProvisionalElements() { - return this.currentHeadSnapshot.provisionalElements; - } - get newHeadProvisionalElements() { - return this.newHeadSnapshot.provisionalElements; - } - get newBodyScriptElements() { - return this.newElement.querySelectorAll("script"); - } - }; - var SnapshotCache = class { - constructor(size) { - this.keys = []; - this.snapshots = {}; - this.size = size; - } - has(location2) { - return toCacheKey(location2) in this.snapshots; - } - get(location2) { - if (this.has(location2)) { - const snapshot = this.read(location2); - this.touch(location2); - return snapshot; - } - } - put(location2, snapshot) { - this.write(location2, snapshot); - this.touch(location2); - return snapshot; - } - clear() { - this.snapshots = {}; - } - read(location2) { - return this.snapshots[toCacheKey(location2)]; - } - write(location2, snapshot) { - this.snapshots[toCacheKey(location2)] = snapshot; - } - touch(location2) { - const key = toCacheKey(location2); - const index = this.keys.indexOf(key); - if (index > -1) - this.keys.splice(index, 1); - this.keys.unshift(key); - this.trim(); - } - trim() { - for (const key of this.keys.splice(this.size)) { - delete this.snapshots[key]; - } - } - }; - var PageView = class extends View { - constructor() { - super(...arguments); - this.snapshotCache = new SnapshotCache(10); - this.lastRenderedLocation = new URL(location.href); - this.forceReloaded = false; - } - renderPage(snapshot, isPreview = false, willRender = true, visit2) { - const renderer = new PageRenderer(this.snapshot, snapshot, PageRenderer.renderElement, isPreview, willRender); - if (!renderer.shouldRender) { - this.forceReloaded = true; - } else { - visit2 === null || visit2 === void 0 ? void 0 : visit2.changeHistory(); - } - return this.render(renderer); - } - renderError(snapshot, visit2) { - visit2 === null || visit2 === void 0 ? void 0 : visit2.changeHistory(); - const renderer = new ErrorRenderer(this.snapshot, snapshot, ErrorRenderer.renderElement, false); - return this.render(renderer); - } - clearSnapshotCache() { - this.snapshotCache.clear(); - } - async cacheSnapshot(snapshot = this.snapshot) { - if (snapshot.isCacheable) { - this.delegate.viewWillCacheSnapshot(); - const { lastRenderedLocation: location2 } = this; - await nextEventLoopTick(); - const cachedSnapshot = snapshot.clone(); - this.snapshotCache.put(location2, cachedSnapshot); - return cachedSnapshot; - } - } - getCachedSnapshotForLocation(location2) { - return this.snapshotCache.get(location2); - } - get snapshot() { - return PageSnapshot.fromElement(this.element); - } - }; - var Preloader = class { - constructor(delegate) { - this.selector = "a[data-turbo-preload]"; - this.delegate = delegate; - } - get snapshotCache() { - return this.delegate.navigator.view.snapshotCache; - } - start() { - if (document.readyState === "loading") { - return document.addEventListener("DOMContentLoaded", () => { - this.preloadOnLoadLinksForView(document.body); - }); - } else { - this.preloadOnLoadLinksForView(document.body); - } - } - preloadOnLoadLinksForView(element) { - for (const link of element.querySelectorAll(this.selector)) { - this.preloadURL(link); - } - } - async preloadURL(link) { - const location2 = new URL(link.href); - if (this.snapshotCache.has(location2)) { - return; - } - try { - const response = await fetch(location2.toString(), { headers: { "VND.PREFETCH": "true", Accept: "text/html" } }); - const responseText = await response.text(); - const snapshot = PageSnapshot.fromHTMLString(responseText); - this.snapshotCache.put(location2, snapshot); - } catch (_) { - } - } - }; - var Session = class { - constructor() { - this.navigator = new Navigator(this); - this.history = new History(this); - this.preloader = new Preloader(this); - this.view = new PageView(this, document.documentElement); - this.adapter = new BrowserAdapter(this); - this.pageObserver = new PageObserver(this); - this.cacheObserver = new CacheObserver(); - this.linkClickObserver = new LinkClickObserver(this, window); - this.formSubmitObserver = new FormSubmitObserver(this, document); - this.scrollObserver = new ScrollObserver(this); - this.streamObserver = new StreamObserver(this); - this.formLinkClickObserver = new FormLinkClickObserver(this, document.documentElement); - this.frameRedirector = new FrameRedirector(this, document.documentElement); - this.streamMessageRenderer = new StreamMessageRenderer(); - this.drive = true; - this.enabled = true; - this.progressBarDelay = 500; - this.started = false; - this.formMode = "on"; - } - start() { - if (!this.started) { - this.pageObserver.start(); - this.cacheObserver.start(); - this.formLinkClickObserver.start(); - this.linkClickObserver.start(); - this.formSubmitObserver.start(); - this.scrollObserver.start(); - this.streamObserver.start(); - this.frameRedirector.start(); - this.history.start(); - this.preloader.start(); - this.started = true; - this.enabled = true; - } - } - disable() { - this.enabled = false; - } - stop() { - if (this.started) { - this.pageObserver.stop(); - this.cacheObserver.stop(); - this.formLinkClickObserver.stop(); - this.linkClickObserver.stop(); - this.formSubmitObserver.stop(); - this.scrollObserver.stop(); - this.streamObserver.stop(); - this.frameRedirector.stop(); - this.history.stop(); - this.started = false; - } - } - registerAdapter(adapter) { - this.adapter = adapter; - } - visit(location2, options = {}) { - const frameElement = options.frame ? document.getElementById(options.frame) : null; - if (frameElement instanceof FrameElement) { - frameElement.src = location2.toString(); - frameElement.loaded; - } else { - this.navigator.proposeVisit(expandURL(location2), options); - } - } - connectStreamSource(source) { - this.streamObserver.connectStreamSource(source); - } - disconnectStreamSource(source) { - this.streamObserver.disconnectStreamSource(source); - } - renderStreamMessage(message) { - this.streamMessageRenderer.render(StreamMessage.wrap(message)); - } - clearCache() { - this.view.clearSnapshotCache(); - } - setProgressBarDelay(delay) { - this.progressBarDelay = delay; - } - setFormMode(mode) { - this.formMode = mode; - } - get location() { - return this.history.location; - } - get restorationIdentifier() { - return this.history.restorationIdentifier; - } - historyPoppedToLocationWithRestorationIdentifier(location2, restorationIdentifier) { - if (this.enabled) { - this.navigator.startVisit(location2, restorationIdentifier, { - action: "restore", - historyChanged: true - }); - } else { - this.adapter.pageInvalidated({ - reason: "turbo_disabled" - }); - } - } - scrollPositionChanged(position) { - this.history.updateRestorationData({ scrollPosition: position }); - } - willSubmitFormLinkToLocation(link, location2) { - return this.elementIsNavigatable(link) && locationIsVisitable(location2, this.snapshot.rootLocation); - } - submittedFormLinkToLocation() { - } - willFollowLinkToLocation(link, location2, event2) { - return this.elementIsNavigatable(link) && locationIsVisitable(location2, this.snapshot.rootLocation) && this.applicationAllowsFollowingLinkToLocation(link, location2, event2); - } - followedLinkToLocation(link, location2) { - const action = this.getActionForLink(link); - const acceptsStreamResponse = link.hasAttribute("data-turbo-stream"); - this.visit(location2.href, { action, acceptsStreamResponse }); - } - allowsVisitingLocationWithAction(location2, action) { - return this.locationWithActionIsSamePage(location2, action) || this.applicationAllowsVisitingLocation(location2); - } - visitProposedToLocation(location2, options) { - extendURLWithDeprecatedProperties(location2); - this.adapter.visitProposedToLocation(location2, options); - } - visitStarted(visit2) { - if (!visit2.acceptsStreamResponse) { - markAsBusy(document.documentElement); - } - extendURLWithDeprecatedProperties(visit2.location); - if (!visit2.silent) { - this.notifyApplicationAfterVisitingLocation(visit2.location, visit2.action); - } - } - visitCompleted(visit2) { - clearBusyState(document.documentElement); - this.notifyApplicationAfterPageLoad(visit2.getTimingMetrics()); - } - locationWithActionIsSamePage(location2, action) { - return this.navigator.locationWithActionIsSamePage(location2, action); - } - visitScrolledToSamePageLocation(oldURL, newURL) { - this.notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL); - } - willSubmitForm(form, submitter) { - const action = getAction(form, submitter); - return this.submissionIsNavigatable(form, submitter) && locationIsVisitable(expandURL(action), this.snapshot.rootLocation); - } - formSubmitted(form, submitter) { - this.navigator.submitForm(form, submitter); - } - pageBecameInteractive() { - this.view.lastRenderedLocation = this.location; - this.notifyApplicationAfterPageLoad(); - } - pageLoaded() { - this.history.assumeControlOfScrollRestoration(); - } - pageWillUnload() { - this.history.relinquishControlOfScrollRestoration(); - } - receivedMessageFromStream(message) { - this.renderStreamMessage(message); - } - viewWillCacheSnapshot() { - var _a; - if (!((_a = this.navigator.currentVisit) === null || _a === void 0 ? void 0 : _a.silent)) { - this.notifyApplicationBeforeCachingSnapshot(); - } - } - allowsImmediateRender({ element }, options) { - const event2 = this.notifyApplicationBeforeRender(element, options); - const { defaultPrevented, detail: { render } } = event2; - if (this.view.renderer && render) { - this.view.renderer.renderElement = render; - } - return !defaultPrevented; - } - viewRenderedSnapshot(_snapshot, _isPreview) { - this.view.lastRenderedLocation = this.history.location; - this.notifyApplicationAfterRender(); - } - preloadOnLoadLinksForView(element) { - this.preloader.preloadOnLoadLinksForView(element); - } - viewInvalidated(reason) { - this.adapter.pageInvalidated(reason); - } - frameLoaded(frame) { - this.notifyApplicationAfterFrameLoad(frame); - } - frameRendered(fetchResponse, frame) { - this.notifyApplicationAfterFrameRender(fetchResponse, frame); - } - applicationAllowsFollowingLinkToLocation(link, location2, ev) { - const event2 = this.notifyApplicationAfterClickingLinkToLocation(link, location2, ev); - return !event2.defaultPrevented; - } - applicationAllowsVisitingLocation(location2) { - const event2 = this.notifyApplicationBeforeVisitingLocation(location2); - return !event2.defaultPrevented; - } - notifyApplicationAfterClickingLinkToLocation(link, location2, event2) { - return dispatch("turbo:click", { - target: link, - detail: { url: location2.href, originalEvent: event2 }, - cancelable: true - }); - } - notifyApplicationBeforeVisitingLocation(location2) { - return dispatch("turbo:before-visit", { - detail: { url: location2.href }, - cancelable: true - }); - } - notifyApplicationAfterVisitingLocation(location2, action) { - return dispatch("turbo:visit", { detail: { url: location2.href, action } }); - } - notifyApplicationBeforeCachingSnapshot() { - return dispatch("turbo:before-cache"); - } - notifyApplicationBeforeRender(newBody, options) { - return dispatch("turbo:before-render", { - detail: Object.assign({ newBody }, options), - cancelable: true - }); - } - notifyApplicationAfterRender() { - return dispatch("turbo:render"); - } - notifyApplicationAfterPageLoad(timing = {}) { - return dispatch("turbo:load", { - detail: { url: this.location.href, timing } - }); - } - notifyApplicationAfterVisitingSamePageLocation(oldURL, newURL) { - dispatchEvent(new HashChangeEvent("hashchange", { - oldURL: oldURL.toString(), - newURL: newURL.toString() - })); - } - notifyApplicationAfterFrameLoad(frame) { - return dispatch("turbo:frame-load", { target: frame }); - } - notifyApplicationAfterFrameRender(fetchResponse, frame) { - return dispatch("turbo:frame-render", { - detail: { fetchResponse }, - target: frame, - cancelable: true - }); - } - submissionIsNavigatable(form, submitter) { - if (this.formMode == "off") { - return false; - } else { - const submitterIsNavigatable = submitter ? this.elementIsNavigatable(submitter) : true; - if (this.formMode == "optin") { - return submitterIsNavigatable && form.closest('[data-turbo="true"]') != null; - } else { - return submitterIsNavigatable && this.elementIsNavigatable(form); - } - } - } - elementIsNavigatable(element) { - const container = findClosestRecursively(element, "[data-turbo]"); - const withinFrame = findClosestRecursively(element, "turbo-frame"); - if (this.drive || withinFrame) { - if (container) { - return container.getAttribute("data-turbo") != "false"; - } else { - return true; - } - } else { - if (container) { - return container.getAttribute("data-turbo") == "true"; - } else { - return false; - } - } - } - getActionForLink(link) { - return getVisitAction(link) || "advance"; - } - get snapshot() { - return this.view.snapshot; - } - }; - function extendURLWithDeprecatedProperties(url) { - Object.defineProperties(url, deprecatedLocationPropertyDescriptors); - } - var deprecatedLocationPropertyDescriptors = { - absoluteURL: { - get() { - return this.toString(); - } - } - }; - var Cache = class { - constructor(session2) { - this.session = session2; - } - clear() { - this.session.clearCache(); - } - resetCacheControl() { - this.setCacheControl(""); - } - exemptPageFromCache() { - this.setCacheControl("no-cache"); - } - exemptPageFromPreview() { - this.setCacheControl("no-preview"); - } - setCacheControl(value) { - setMetaContent("turbo-cache-control", value); - } - }; - var StreamActions = { - after() { - this.targetElements.forEach((e) => { - var _a; - return (_a = e.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(this.templateContent, e.nextSibling); - }); - }, - append() { - this.removeDuplicateTargetChildren(); - this.targetElements.forEach((e) => e.append(this.templateContent)); - }, - before() { - this.targetElements.forEach((e) => { - var _a; - return (_a = e.parentElement) === null || _a === void 0 ? void 0 : _a.insertBefore(this.templateContent, e); - }); - }, - prepend() { - this.removeDuplicateTargetChildren(); - this.targetElements.forEach((e) => e.prepend(this.templateContent)); - }, - remove() { - this.targetElements.forEach((e) => e.remove()); - }, - replace() { - this.targetElements.forEach((e) => e.replaceWith(this.templateContent)); - }, - update() { - this.targetElements.forEach((targetElement) => { - targetElement.innerHTML = ""; - targetElement.append(this.templateContent); - }); - } - }; - var session = new Session(); - var cache = new Cache(session); - var { navigator: navigator$1 } = session; - function start() { - session.start(); - } - function registerAdapter(adapter) { - session.registerAdapter(adapter); - } - function visit(location2, options) { - session.visit(location2, options); - } - function connectStreamSource(source) { - session.connectStreamSource(source); - } - function disconnectStreamSource(source) { - session.disconnectStreamSource(source); - } - function renderStreamMessage(message) { - session.renderStreamMessage(message); - } - function clearCache() { - console.warn("Please replace `Turbo.clearCache()` with `Turbo.cache.clear()`. The top-level function is deprecated and will be removed in a future version of Turbo.`"); - session.clearCache(); - } - function setProgressBarDelay(delay) { - session.setProgressBarDelay(delay); - } - function setConfirmMethod(confirmMethod) { - FormSubmission.confirmMethod = confirmMethod; - } - function setFormMode(mode) { - session.setFormMode(mode); - } - var Turbo2 = /* @__PURE__ */ Object.freeze({ - __proto__: null, - navigator: navigator$1, - session, - cache, - PageRenderer, - PageSnapshot, - FrameRenderer, - start, - registerAdapter, - visit, - connectStreamSource, - disconnectStreamSource, - renderStreamMessage, - clearCache, - setProgressBarDelay, - setConfirmMethod, - setFormMode, - StreamActions - }); - var TurboFrameMissingError = class extends Error { - }; - var FrameController = class { - constructor(element) { - this.fetchResponseLoaded = (_fetchResponse) => { - }; - this.currentFetchRequest = null; - this.resolveVisitPromise = () => { - }; - this.connected = false; - this.hasBeenLoaded = false; - this.ignoredAttributes = /* @__PURE__ */ new Set(); - this.action = null; - this.visitCachedSnapshot = ({ element: element2 }) => { - const frame = element2.querySelector("#" + this.element.id); - if (frame && this.previousFrameElement) { - frame.replaceChildren(...this.previousFrameElement.children); - } - delete this.previousFrameElement; - }; - this.element = element; - this.view = new FrameView(this, this.element); - this.appearanceObserver = new AppearanceObserver(this, this.element); - this.formLinkClickObserver = new FormLinkClickObserver(this, this.element); - this.linkInterceptor = new LinkInterceptor(this, this.element); - this.restorationIdentifier = uuid(); - this.formSubmitObserver = new FormSubmitObserver(this, this.element); - } - connect() { - if (!this.connected) { - this.connected = true; - if (this.loadingStyle == FrameLoadingStyle.lazy) { - this.appearanceObserver.start(); - } else { - this.loadSourceURL(); - } - this.formLinkClickObserver.start(); - this.linkInterceptor.start(); - this.formSubmitObserver.start(); - } - } - disconnect() { - if (this.connected) { - this.connected = false; - this.appearanceObserver.stop(); - this.formLinkClickObserver.stop(); - this.linkInterceptor.stop(); - this.formSubmitObserver.stop(); - } - } - disabledChanged() { - if (this.loadingStyle == FrameLoadingStyle.eager) { - this.loadSourceURL(); - } - } - sourceURLChanged() { - if (this.isIgnoringChangesTo("src")) - return; - if (this.element.isConnected) { - this.complete = false; - } - if (this.loadingStyle == FrameLoadingStyle.eager || this.hasBeenLoaded) { - this.loadSourceURL(); - } - } - sourceURLReloaded() { - const { src } = this.element; - this.ignoringChangesToAttribute("complete", () => { - this.element.removeAttribute("complete"); - }); - this.element.src = null; - this.element.src = src; - return this.element.loaded; - } - completeChanged() { - if (this.isIgnoringChangesTo("complete")) - return; - this.loadSourceURL(); - } - loadingStyleChanged() { - if (this.loadingStyle == FrameLoadingStyle.lazy) { - this.appearanceObserver.start(); - } else { - this.appearanceObserver.stop(); - this.loadSourceURL(); - } - } - async loadSourceURL() { - if (this.enabled && this.isActive && !this.complete && this.sourceURL) { - this.element.loaded = this.visit(expandURL(this.sourceURL)); - this.appearanceObserver.stop(); - await this.element.loaded; - this.hasBeenLoaded = true; - } - } - async loadResponse(fetchResponse) { - if (fetchResponse.redirected || fetchResponse.succeeded && fetchResponse.isHTML) { - this.sourceURL = fetchResponse.response.url; - } - try { - const html = await fetchResponse.responseHTML; - if (html) { - const document2 = parseHTMLDocument(html); - const pageSnapshot = PageSnapshot.fromDocument(document2); - if (pageSnapshot.isVisitable) { - await this.loadFrameResponse(fetchResponse, document2); - } else { - await this.handleUnvisitableFrameResponse(fetchResponse); - } - } - } finally { - this.fetchResponseLoaded = () => { - }; - } - } - elementAppearedInViewport(element) { - this.proposeVisitIfNavigatedWithAction(element, element); - this.loadSourceURL(); - } - willSubmitFormLinkToLocation(link) { - return this.shouldInterceptNavigation(link); - } - submittedFormLinkToLocation(link, _location, form) { - const frame = this.findFrameElement(link); - if (frame) - form.setAttribute("data-turbo-frame", frame.id); - } - shouldInterceptLinkClick(element, _location, _event) { - return this.shouldInterceptNavigation(element); - } - linkClickIntercepted(element, location2) { - this.navigateFrame(element, location2); - } - willSubmitForm(element, submitter) { - return element.closest("turbo-frame") == this.element && this.shouldInterceptNavigation(element, submitter); - } - formSubmitted(element, submitter) { - if (this.formSubmission) { - this.formSubmission.stop(); - } - this.formSubmission = new FormSubmission(this, element, submitter); - const { fetchRequest } = this.formSubmission; - this.prepareRequest(fetchRequest); - this.formSubmission.start(); - } - prepareRequest(request) { - var _a; - request.headers["Turbo-Frame"] = this.id; - if ((_a = this.currentNavigationElement) === null || _a === void 0 ? void 0 : _a.hasAttribute("data-turbo-stream")) { - request.acceptResponseType(StreamMessage.contentType); - } - } - requestStarted(_request) { - markAsBusy(this.element); - } - requestPreventedHandlingResponse(_request, _response) { - this.resolveVisitPromise(); - } - async requestSucceededWithResponse(request, response) { - await this.loadResponse(response); - this.resolveVisitPromise(); - } - async requestFailedWithResponse(request, response) { - await this.loadResponse(response); - this.resolveVisitPromise(); - } - requestErrored(request, error2) { - console.error(error2); - this.resolveVisitPromise(); - } - requestFinished(_request) { - clearBusyState(this.element); - } - formSubmissionStarted({ formElement }) { - markAsBusy(formElement, this.findFrameElement(formElement)); - } - formSubmissionSucceededWithResponse(formSubmission, response) { - const frame = this.findFrameElement(formSubmission.formElement, formSubmission.submitter); - frame.delegate.proposeVisitIfNavigatedWithAction(frame, formSubmission.formElement, formSubmission.submitter); - frame.delegate.loadResponse(response); - if (!formSubmission.isSafe) { - session.clearCache(); - } - } - formSubmissionFailedWithResponse(formSubmission, fetchResponse) { - this.element.delegate.loadResponse(fetchResponse); - session.clearCache(); - } - formSubmissionErrored(formSubmission, error2) { - console.error(error2); - } - formSubmissionFinished({ formElement }) { - clearBusyState(formElement, this.findFrameElement(formElement)); - } - allowsImmediateRender({ element: newFrame }, options) { - const event2 = dispatch("turbo:before-frame-render", { - target: this.element, - detail: Object.assign({ newFrame }, options), - cancelable: true - }); - const { defaultPrevented, detail: { render } } = event2; - if (this.view.renderer && render) { - this.view.renderer.renderElement = render; - } - return !defaultPrevented; - } - viewRenderedSnapshot(_snapshot, _isPreview) { - } - preloadOnLoadLinksForView(element) { - session.preloadOnLoadLinksForView(element); - } - viewInvalidated() { - } - willRenderFrame(currentElement, _newElement) { - this.previousFrameElement = currentElement.cloneNode(true); - } - async loadFrameResponse(fetchResponse, document2) { - const newFrameElement = await this.extractForeignFrameElement(document2.body); - if (newFrameElement) { - const snapshot = new Snapshot(newFrameElement); - const renderer = new FrameRenderer(this, this.view.snapshot, snapshot, FrameRenderer.renderElement, false, false); - if (this.view.renderPromise) - await this.view.renderPromise; - this.changeHistory(); - await this.view.render(renderer); - this.complete = true; - session.frameRendered(fetchResponse, this.element); - session.frameLoaded(this.element); - this.fetchResponseLoaded(fetchResponse); - } else if (this.willHandleFrameMissingFromResponse(fetchResponse)) { - this.handleFrameMissingFromResponse(fetchResponse); - } - } - async visit(url) { - var _a; - const request = new FetchRequest(this, FetchMethod.get, url, new URLSearchParams(), this.element); - (_a = this.currentFetchRequest) === null || _a === void 0 ? void 0 : _a.cancel(); - this.currentFetchRequest = request; - return new Promise((resolve) => { - this.resolveVisitPromise = () => { - this.resolveVisitPromise = () => { - }; - this.currentFetchRequest = null; - resolve(); - }; - request.perform(); - }); - } - navigateFrame(element, url, submitter) { - const frame = this.findFrameElement(element, submitter); - frame.delegate.proposeVisitIfNavigatedWithAction(frame, element, submitter); - this.withCurrentNavigationElement(element, () => { - frame.src = url; - }); - } - proposeVisitIfNavigatedWithAction(frame, element, submitter) { - this.action = getVisitAction(submitter, element, frame); - if (this.action) { - const pageSnapshot = PageSnapshot.fromElement(frame).clone(); - const { visitCachedSnapshot } = frame.delegate; - frame.delegate.fetchResponseLoaded = (fetchResponse) => { - if (frame.src) { - const { statusCode, redirected } = fetchResponse; - const responseHTML = frame.ownerDocument.documentElement.outerHTML; - const response = { statusCode, redirected, responseHTML }; - const options = { - response, - visitCachedSnapshot, - willRender: false, - updateHistory: false, - restorationIdentifier: this.restorationIdentifier, - snapshot: pageSnapshot - }; - if (this.action) - options.action = this.action; - session.visit(frame.src, options); - } - }; - } - } - changeHistory() { - if (this.action) { - const method = getHistoryMethodForAction(this.action); - session.history.update(method, expandURL(this.element.src || ""), this.restorationIdentifier); - } - } - async handleUnvisitableFrameResponse(fetchResponse) { - console.warn(`The response (${fetchResponse.statusCode}) from is performing a full page visit due to turbo-visit-control.`); - await this.visitResponse(fetchResponse.response); - } - willHandleFrameMissingFromResponse(fetchResponse) { - this.element.setAttribute("complete", ""); - const response = fetchResponse.response; - const visit2 = async (url, options = {}) => { - if (url instanceof Response) { - this.visitResponse(url); - } else { - session.visit(url, options); - } - }; - const event2 = dispatch("turbo:frame-missing", { - target: this.element, - detail: { response, visit: visit2 }, - cancelable: true - }); - return !event2.defaultPrevented; - } - handleFrameMissingFromResponse(fetchResponse) { - this.view.missing(); - this.throwFrameMissingError(fetchResponse); - } - throwFrameMissingError(fetchResponse) { - const message = `The response (${fetchResponse.statusCode}) did not contain the expected and will be ignored. To perform a full page visit instead, set turbo-visit-control to reload.`; - throw new TurboFrameMissingError(message); - } - async visitResponse(response) { - const wrapped = new FetchResponse(response); - const responseHTML = await wrapped.responseHTML; - const { location: location2, redirected, statusCode } = wrapped; - return session.visit(location2, { response: { redirected, statusCode, responseHTML } }); - } - findFrameElement(element, submitter) { - var _a; - const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target"); - return (_a = getFrameElementById(id)) !== null && _a !== void 0 ? _a : this.element; - } - async extractForeignFrameElement(container) { - let element; - const id = CSS.escape(this.id); - try { - element = activateElement(container.querySelector(`turbo-frame#${id}`), this.sourceURL); - if (element) { - return element; - } - element = activateElement(container.querySelector(`turbo-frame[src][recurse~=${id}]`), this.sourceURL); - if (element) { - await element.loaded; - return await this.extractForeignFrameElement(element); - } - } catch (error2) { - console.error(error2); - return new FrameElement(); - } - return null; - } - formActionIsVisitable(form, submitter) { - const action = getAction(form, submitter); - return locationIsVisitable(expandURL(action), this.rootLocation); - } - shouldInterceptNavigation(element, submitter) { - const id = getAttribute("data-turbo-frame", submitter, element) || this.element.getAttribute("target"); - if (element instanceof HTMLFormElement && !this.formActionIsVisitable(element, submitter)) { - return false; - } - if (!this.enabled || id == "_top") { - return false; - } - if (id) { - const frameElement = getFrameElementById(id); - if (frameElement) { - return !frameElement.disabled; - } - } - if (!session.elementIsNavigatable(element)) { - return false; - } - if (submitter && !session.elementIsNavigatable(submitter)) { - return false; - } - return true; - } - get id() { - return this.element.id; - } - get enabled() { - return !this.element.disabled; - } - get sourceURL() { - if (this.element.src) { - return this.element.src; - } - } - set sourceURL(sourceURL) { - this.ignoringChangesToAttribute("src", () => { - this.element.src = sourceURL !== null && sourceURL !== void 0 ? sourceURL : null; - }); - } - get loadingStyle() { - return this.element.loading; - } - get isLoading() { - return this.formSubmission !== void 0 || this.resolveVisitPromise() !== void 0; - } - get complete() { - return this.element.hasAttribute("complete"); - } - set complete(value) { - this.ignoringChangesToAttribute("complete", () => { - if (value) { - this.element.setAttribute("complete", ""); - } else { - this.element.removeAttribute("complete"); - } - }); - } - get isActive() { - return this.element.isActive && this.connected; - } - get rootLocation() { - var _a; - const meta = this.element.ownerDocument.querySelector(`meta[name="turbo-root"]`); - const root = (_a = meta === null || meta === void 0 ? void 0 : meta.content) !== null && _a !== void 0 ? _a : "/"; - return expandURL(root); - } - isIgnoringChangesTo(attributeName) { - return this.ignoredAttributes.has(attributeName); - } - ignoringChangesToAttribute(attributeName, callback) { - this.ignoredAttributes.add(attributeName); - callback(); - this.ignoredAttributes.delete(attributeName); - } - withCurrentNavigationElement(element, callback) { - this.currentNavigationElement = element; - callback(); - delete this.currentNavigationElement; - } - }; - function getFrameElementById(id) { - if (id != null) { - const element = document.getElementById(id); - if (element instanceof FrameElement) { - return element; - } - } - } - function activateElement(element, currentURL) { - if (element) { - const src = element.getAttribute("src"); - if (src != null && currentURL != null && urlsAreEqual(src, currentURL)) { - throw new Error(`Matching element has a source URL which references itself`); - } - if (element.ownerDocument !== document) { - element = document.importNode(element, true); - } - if (element instanceof FrameElement) { - element.connectedCallback(); - element.disconnectedCallback(); - return element; - } - } - } - var StreamElement = class _StreamElement extends HTMLElement { - static async renderElement(newElement) { - await newElement.performAction(); - } - async connectedCallback() { - try { - await this.render(); - } catch (error2) { - console.error(error2); - } finally { - this.disconnect(); - } - } - async render() { - var _a; - return (_a = this.renderPromise) !== null && _a !== void 0 ? _a : this.renderPromise = (async () => { - const event2 = this.beforeRenderEvent; - if (this.dispatchEvent(event2)) { - await nextAnimationFrame(); - await event2.detail.render(this); - } - })(); - } - disconnect() { - try { - this.remove(); - } catch (_a) { - } - } - removeDuplicateTargetChildren() { - this.duplicateChildren.forEach((c) => c.remove()); - } - get duplicateChildren() { - var _a; - const existingChildren = this.targetElements.flatMap((e) => [...e.children]).filter((c) => !!c.id); - const newChildrenIds = [...((_a = this.templateContent) === null || _a === void 0 ? void 0 : _a.children) || []].filter((c) => !!c.id).map((c) => c.id); - return existingChildren.filter((c) => newChildrenIds.includes(c.id)); - } - get performAction() { - if (this.action) { - const actionFunction = StreamActions[this.action]; - if (actionFunction) { - return actionFunction; - } - this.raise("unknown action"); - } - this.raise("action attribute is missing"); - } - get targetElements() { - if (this.target) { - return this.targetElementsById; - } else if (this.targets) { - return this.targetElementsByQuery; - } else { - this.raise("target or targets attribute is missing"); - } - } - get templateContent() { - return this.templateElement.content.cloneNode(true); - } - get templateElement() { - if (this.firstElementChild === null) { - const template = this.ownerDocument.createElement("template"); - this.appendChild(template); - return template; - } else if (this.firstElementChild instanceof HTMLTemplateElement) { - return this.firstElementChild; - } - this.raise("first child element must be a