<<<<<<< HEAD /** * Contains variables that may be used across SCSS files for Draft Sharks */ .qb, .tqb { background: #333; } .rb { background: #a41c1f; } .wr { background: #043173; } .te { background: #86a2cb; } .k, .tk { background: #c87779; } .def, .s, .de, .dl, .dt, .lb, .olb, .cb, .db { background: #888; } .hc { background: #582325; } /** * Export position colors for use in JS * This does not work, as text/css mime types are not supported. * But would be great if we could easily import these color values. */ :export { totalColor: #3d74c7; qbColor: #333333; rbColor: #a41c1f; wrColor: #043173; teColor: #86a2cb; pickColor: #687087; defColor: #888; kickerColor: #c87779; tqbColor: #000; hcColor: #000; tkColor: #000; lbColor: #000; dbColor: #000; qrwtColor: #ffff00; rwtColor: #f78439; rwColor: #00ff00; wtColor: #800080; dldColor: #663399; } /** * These mixins have been taken from the figma so we can apply font * stuff as wel like to certain elements */ /** * Contains variables that may be used across SCSS files for Draft Sharks */ .qb, .tqb { background: #333; } .rb { background: #a41c1f; } .wr { background: #043173; } .te { background: #86a2cb; } .k, .tk { background: #c87779; } .def, .s, .de, .dl, .dt, .lb, .olb, .cb, .db { background: #888; } .hc { background: #582325; } /** * Export position colors for use in JS * This does not work, as text/css mime types are not supported. * But would be great if we could easily import these color values. */ :export { totalColor: #3d74c7; qbColor: #333333; rbColor: #a41c1f; wrColor: #043173; teColor: #86a2cb; pickColor: #687087; defColor: #888; kickerColor: #c87779; tqbColor: #000; hcColor: #000; tkColor: #000; lbColor: #000; dbColor: #000; qrwtColor: #ffff00; rwtColor: #f78439; rwColor: #00ff00; wtColor: #800080; dldColor: #663399; } /** * These mixins have been taken from the figma so we can apply font * stuff as wel like to certain elements */ /** * Contains variables that may be used across SCSS files for Draft Sharks */ .qb, .tqb { background: #333; } .rb { background: #a41c1f; } .wr { background: #043173; } .te { background: #86a2cb; } .k, .tk { background: #c87779; } .def, .s, .de, .dl, .dt, .lb, .olb, .cb, .db { background: #888; } .hc { background: #582325; } /** * Export position colors for use in JS * This does not work, as text/css mime types are not supported. * But would be great if we could easily import these color values. */ :export { totalColor: #3d74c7; qbColor: #333333; rbColor: #a41c1f; wrColor: #043173; teColor: #86a2cb; pickColor: #687087; defColor: #888; kickerColor: #c87779; tqbColor: #000; hcColor: #000; tkColor: #000; lbColor: #000; dbColor: #000; qrwtColor: #ffff00; rwtColor: #f78439; rwColor: #00ff00; wtColor: #800080; dldColor: #663399; } /** * These mixins have been taken from the figma so we can apply font * stuff as wel like to certain elements */ /** * For styles for generic form elements * cd ds-yii2/frontend/web/scss/components * sass --style=compressed forms.scss ../../css/components/forms.css * sass --style=compressed --watch forms.scss:../../css/components/forms.css */ ::placeholder { color: #999999; } input[type=search] { background-image: url('data:image/svg+xml,'); background-size: 16px 16px; background-repeat: no-repeat; background-position: left 0.5rem top 58%; border: 2px solid #dddddd; border-radius: 4px; padding-top: 0.5rem; padding-right: 0.25rem; padding-bottom: 0.25rem; padding-left: 2rem !important; } .ds-input, .user-inputs-area .inputs-bar select, .user-inputs-area .inputs-bar input, .ds-select, .user-inputs-area .inputs-bar .player-filter select { border: 1px solid #c8c8c8; border-radius: 0; box-shadow: none; height: 35px; padding: 0px 10px; } .ds-select, .user-inputs-area .inputs-bar .player-filter select { color: #999; -webkit-appearance: none; appearance: none; background: url("/img/icons/caret-down-thin.svg") no-repeat right 10px center; background-color: white; background-size: 12px; padding-right: 30px; } .ds-dropdown { position: relative; } .ds-dropdown .dropdown-toggle-btn { border-width: 1px; border-style: solid; border-color: #c8c8c8; background: url("/img/icons/caret-down-thin.svg") no-repeat right 10px center; background-size: 12px; height: 2.5rem; padding-left: 0.75rem; padding-right: 2rem; text-align: left; } .ds-dropdown .dropdown-container { position: absolute; padding: 0; margin: 0; border-width: 1px; border-style: solid; border-color: #c8c8c8; min-width: 100%; background-color: #fff; z-index: 100; } .ds-dropdown:not(.is-open) .dropdown-container { display: none; } .ds-dropdown .dropdown-item { padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; color: var(--bs-body-color); white-space: nowrap; border-bottom-color: #c8c8c8; border-bottom-style: solid; } .ds-dropdown .dropdown-item > a { width: 100%; height: 100%; display: inline-block; color: var(--bs-body-color); } .ds-dropdown .dropdown-item.btn { padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; color: var(--bs-body-color); white-space: nowrap; width: 100%; border-radius: 0; justify-content: left; background-color: #fff; line-height: var(--bs-body-line-height); } .ds-dropdown .dropdown-item.btn svg { width: 1em; height: 1em; } .ds-dropdown .dropdown-item:not(:last-child) { border-bottom-width: 1px; } .ds-dropdown .dropdown-item:hover, .ds-dropdown .dropdown-item.active { background-color: var(--ds-blue); color: #fff; } .ds-dropdown .dropdown-item:hover a, .ds-dropdown .dropdown-item.active a { color: #fff; } .ds-dropdown .icon-item { display: flex; align-items: center; gap: 1rem; } .ds-dropdown.align-right-edge .dropdown-container { right: 0; } .pill-selector { background: #f1f1f1; border-radius: 50rem; overflow: hidden; display: inline-flex; height: 2.5rem; } .pill-selector > button { font-size: 0.9375rem; padding-left: 0.75rem; padding-right: 0.75rem; font-weight: bold; border-radius: 50rem; } .pill-selector > button.active { color: #fff; background-color: #043173; } .check-toggle { --check-toggle-width: 60px; --check-toggle-height: 36px; --check-toggle-inner-padding: 6px; display: flex; align-items: center; gap: 0.375rem; } .check-toggle section { display: inline-block; } .check-toggle > label { cursor: pointer; } .check-toggle input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; cursor: pointer; } .check-toggle .input-container { position: relative; display: inline-block; top: 2px; } .check-toggle .input-container label { background: #999999; position: relative; display: inline-block; border-radius: 50rem; transition: 0.3s; width: var(--check-toggle-width); height: var(--check-toggle-height); } .check-toggle .input-container label:after { content: ""; position: absolute; border-radius: 50rem; z-index: 2; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); transition: 0.25s; background: #fff; left: calc(var(--check-toggle-inner-padding) / 2); top: calc(var(--check-toggle-inner-padding) / 2); width: calc(var(--check-toggle-height) - var(--check-toggle-inner-padding)); height: calc(var(--check-toggle-height) - var(--check-toggle-inner-padding)); } .check-toggle input:checked + label { background: #77b743; } .check-toggle input:checked + label:after { transform: translateX(calc(var(--check-toggle-width) - var(--check-toggle-height))); } .adjust-number-ajax-container .indicator { margin-top: 0.375rem; display: flex; align-items: center; gap: 0.375rem; font-size: 0.875rem; } .adjust-number-input { display: flex; align-items: center; gap: 0.5rem; } .adjust-number-input button.circle-btn { min-width: var(--circle-btn-width-height); } .adjust-number-input input { flex-grow: 1; } .ds-multi-select .dropdown-container { padding: 0.75rem 1rem; } .ds-multi-select ul { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; } .ds-multi-select li { white-space: nowrap; list-style-type: none; display: flex; align-items: center; gap: 0.625rem; } .ds-multi-select li.header { color: #687087; font-weight: bold; } .ds-multi-select input, .ds-multi-select label { cursor: pointer; } .ds-multi-select label { flex-grow: 1; } @media screen and (max-width: 992px) { .user-inputs-area .position-multi-select { flex-basis: 100%; justify-content: space-between; } } @media screen and (min-width: 992px) { .user-inputs-area .position-multi-select { gap: 0.5rem; } .user-inputs-area .position-multi-select .position-button { padding-top: 1px; } } .user-inputs-area .position-multi-select { display: flex; } .user-inputs-area .position-multi-select .position-button { width: 54px; height: 36px; border-radius: 30px; font-weight: 700; font-size: 15px; display: flex; justify-content: center; align-items: center; } .user-inputs-area .position-multi-select .position-button:not(.active) { background-color: #f1f1f1; color: black; } .user-inputs-area .position-multi-select .position-button.active { background-color: #043173; color: white; } .user-inputs-area .fas.fa-file-export, .user-inputs-area .fas.fa-grip-horizontal { color: #999999; } .user-inputs-area .fas.fa-grip-horizontal { font-size: 28px; } .user-inputs-area > div.d-flex.justify-content-between.align-items-center > button.btn.orange-cta.reverse { display: flex; color: #a41c1f !important; border: 2px solid #a41c1f !important; } .user-inputs-area .scoring-filtering { align-items: center; display: flex; justify-content: flex-start; gap: 1rem; margin: 2rem 0 0 0; } @media screen and (max-width: 992px) { .user-inputs-area .scoring-filtering { margin-bottom: 1rem; } .user-inputs-area .scoring-filtering > span { font-size: 16px; background: url("/img/icons/gear-blue.svg") no-repeat 0 0/20px 24px; } } @media screen and (min-width: 992px) { .user-inputs-area .scoring-filtering > span { font-size: 20px; background: url("/img/icons/gear-blue.svg") no-repeat 0 0/20px 30px; } } .user-inputs-area .scoring-filtering > span { color: #043173; display: inline-block; font-weight: 700; padding-left: 30px; } .user-inputs-area .scoring-filtering i { color: grey; display: inline-block; font-size: 16px; margin-right: 0.5rem; } @media (max-width: 992px) { .user-inputs-area .inputs-bar .toggle-button-wrapper { align-items: center; } .user-inputs-area .inputs-bar .toggle-button-wrapper .toggle-container div { padding: 6px 9px !important; } .user-inputs-area .inputs-bar .player-filter, .user-inputs-area .inputs-bar .team-filter { flex-basis: 48%; } } @media screen and (min-width: 992px) { .user-inputs-area .inputs-bar { margin-bottom: 2rem; gap: 2rem; justify-content: flex-start; row-gap: 1rem; } .user-inputs-area .inputs-bar.no-bottom-margin { margin-bottom: 0; } } @media screen and (max-width: 992px) { .user-inputs-area .inputs-bar { gap: 0.5rem; justify-content: space-between; row-gap: 1.5rem; } .user-inputs-area .inputs-bar .player-filter { font-size: 10px; } .user-inputs-area .inputs-bar .player-filter input.player-search { background: #ffffff url(../img/icons/search-gray.svg) 0.5rem center no-repeat padding-box; } } .user-inputs-area .inputs-bar { display: flex; flex-direction: row; flex-wrap: wrap; /* margin-top: 1rem; */ align-items: flex-end; } .user-inputs-area .inputs-bar label { color: #555; font-size: 15px; font-weight: 700; } .user-inputs-area .inputs-bar .search-container { justify-content: flex-end; } .user-inputs-area .inputs-bar .search-container input[type=search] { background-image: url("/img/icons/search-gray.svg") !important; box-shadow: none; } .user-inputs-area .inputs-bar .search-container input.player-search { width: 100%; } .user-inputs-area .inputs-bar .search-container input.player-search::focus { max-width: 100%; } @media screen and (min-width: 992px) { .user-inputs-area .inputs-bar .player-filter:not(.search-container) { flex-basis: 15%; } .user-inputs-area .inputs-bar .player-filter.search-container { flex-basis: 20%; } .user-inputs-area .inputs-bar .player-filter { justify-content: flex-start !important; flex-grow: 0; } } .user-inputs-area .inputs-bar .player-filter { display: flex; flex-direction: column; gap: 0.1rem; justify-content: space-between; } .user-inputs-area .inputs-bar .player-filter input.player-search { padding-right: 0; padding-top: 0.1rem; padding-bottom: 0; } @media screen and (min-width: 992px) { .user-inputs-area .inputs-bar .player-filter.column-customize-container { width: 20%; } } .column-customize-dropdown { position: relative; background: url(/img/icons/caret-down-thin.svg) no-repeat right 10px center; background-size: 12px; } .column-customize-dropdown.analysis { filter: opacity(0.5); cursor: not-allowed; } .column-customize-dropdown .multiselect-dropdown { border: 1px solid #c8c8c8; border-radius: 0; box-shadow: none; height: 35px; padding: 0px 10px; display: flex; align-items: center; } .column-customize-dropdown .multiselect-dropdown span { color: #999; } .column-customize-dropdown .options, .column-customize-dropdown ul { position: absolute; z-index: 25; border: 1px solid #c8c8c8; border-radius: 0; list-style: none; width: 100%; padding-left: 0; border-top: none; background: #fff; } .column-customize-dropdown .options .placeholder, .column-customize-dropdown ul .placeholder { padding: 0.25rem 5px; font-weight: bold; color: #687087; } .column-customize-dropdown .options li:not(.disabled):hover, .column-customize-dropdown ul li:not(.disabled):hover { background: #a41c1f; } .column-customize-dropdown .options li:not(.disabled):hover label, .column-customize-dropdown ul li:not(.disabled):hover label { color: white; } .column-customize-dropdown .options li.disabled label, .column-customize-dropdown ul li.disabled label { color: rgba(153, 153, 153, 0.2705882353) !important; } .column-customize-dropdown .options li:not(.placeholder), .column-customize-dropdown ul li:not(.placeholder) { padding-left: 10px; display: flex; align-items: center; } .column-customize-dropdown .options li:not(.placeholder) input, .column-customize-dropdown ul li:not(.placeholder) input { accent-color: #043173; margin-right: 0.25rem; } .column-customize-dropdown .options li:not(.placeholder).active label, .column-customize-dropdown ul li:not(.placeholder).active label { font-weight: bold; } .column-customize-dropdown .options li:not(.placeholder):not(.active) label, .column-customize-dropdown ul li:not(.placeholder):not(.active) label { color: #999; font-weight: normal; } /* Underline menu style */ .underline-menu-container { border-bottom: 4px solid #f1f1f1; display: flex; justify-content: space-between; margin-bottom: 2rem; } .underline-menu-container .bottom-line { display: none; } .underline-menu-print { flex-basis: 40%; justify-content: flex-end; gap: 1rem; } .underline-menu { display: flex; margin-bottom: -2px; position: relative; align-items: center; } @media screen and (min-width: 992px) { .underline-menu { gap: 2rem; } .underline-menu .menu-item { font-size: 1.25rem; } } @media screen and (max-width: 992px) { .underline-menu { font-size: 16px !important; justify-content: space-between; } } @media screen and (max-width: 412px) { .underline-menu .menu-item:not(.after-items) { flex-basis: min-content; } .underline-menu .menu-item.after-items { flex-basis: 30%; text-align: left; } } .underline-menu .menu-item { color: #999999; cursor: pointer; font-weight: bold; padding-bottom: 0.25rem; position: relative; transition: color 0.3s; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: space-around; height: 100%; margin-bottom: 0; } @media (min-width: 992px) { .underline-menu .menu-item { gap: 0.5rem; } } .underline-menu .menu-item i { font-size: 22px; margin-bottom: -5px; } .underline-menu .menu-item::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 3px; background-color: #043173; transition: width 0.3s ease, left 0.3s ease; } .underline-menu .menu-item.active::after { width: 100%; left: 0; } .underline-menu .menu-item.active { border-bottom: none; color: #043173; } .tooltip-toggle-container { font-size: 0.9375rem; line-height: 1.125rem; padding-top: 0.375rem; padding-bottom: 0.375rem; } .tooltip-toggle-container svg { width: 0.75rem; height: 0.75rem; } #dynastyRankings, #keeper-rankings-app { margin-top: 0; } #dynastyRankings .user-inputs-area, #keeper-rankings-app .user-inputs-area { margin-bottom: 1rem; } #dynastyRankings .rankings-header .d-flex, #keeper-rankings-app .rankings-header .d-flex { margin-top: 1rem !important; } #dynastyRankings .tooltip-list.row, #keeper-rankings-app .tooltip-list.row { margin-top: 1rem; } @media screen and (min-width: 992px) { #dynastyRankings .container.order-container, #keeper-rankings-app .container.order-container { padding-left: 0; padding-right: 0; } #dynastyRankings .main-header, #keeper-rankings-app .main-header { flex-basis: 50%; flex-grow: 1; } #dynastyRankings th#three_d_value, #keeper-rankings-app th#three_d_value { width: 70px; } #dynastyRankings .user-inputs-area .inputs-bar, #keeper-rankings-app .user-inputs-area .inputs-bar { justify-content: space-between; column-gap: 1rem !important; gap: unset; } #dynastyRankings .user-inputs-area .player-filter.position-dropdown, #keeper-rankings-app .user-inputs-area .player-filter.position-dropdown { flex-basis: 15%; } #dynastyRankings .user-inputs-area .player-filter:not(.search-container), #keeper-rankings-app .user-inputs-area .player-filter:not(.search-container) { flex-basis: 15% !important; } #dynastyRankings .user-inputs-area .player-filter.search-container, #keeper-rankings-app .user-inputs-area .player-filter.search-container { flex-shrink: 1; } #dynastyRankings label.toggle-container, #keeper-rankings-app label.toggle-container { width: min-content; } #dynastyRankings .toggle-button-wrapper.rookie .toggle-checkbox + .toggle-container::before, #keeper-rankings-app .toggle-button-wrapper.rookie .toggle-checkbox + .toggle-container::before { width: 41px; } #dynastyRankings .toggle-button-wrapper.superflex .toggle-checkbox + .toggle-container::before, #keeper-rankings-app .toggle-button-wrapper.superflex .toggle-checkbox + .toggle-container::before { width: 50px; } #dynastyRankings .toggle-button-wrapper.rookie .toggle-checkbox:checked + .toggle-container::before, #keeper-rankings-app .toggle-button-wrapper.rookie .toggle-checkbox:checked + .toggle-container::before { width: 78px; left: 33%; } #dynastyRankings .toggle-button-wrapper.superflex .toggle-checkbox:checked + .toggle-container::before, #keeper-rankings-app .toggle-button-wrapper.superflex .toggle-checkbox:checked + .toggle-container::before { width: 86px; left: 36%; } } @media screen and (max-width: 992px) { #dynastyRankings .read-more-label, #keeper-rankings-app .read-more-label { display: none; } #dynastyRankings .user-inputs-area .inputs-bar, #keeper-rankings-app .user-inputs-area .inputs-bar { column-gap: 0; } #dynastyRankings .user-inputs-area .inputs-bar div:first-child.toggle-button-wrapper, #keeper-rankings-app .user-inputs-area .inputs-bar div:first-child.toggle-button-wrapper { flex-basis: 40%; } #dynastyRankings .user-inputs-area .inputs-bar .toggle-button-wrapper, #keeper-rankings-app .user-inputs-area .inputs-bar .toggle-button-wrapper { flex-basis: 57%; } #dynastyRankings .user-inputs-area .toggle-container, #keeper-rankings-app .user-inputs-area .toggle-container { font-size: 12px; } #dynastyRankings .rankings-header .main-header h1, #keeper-rankings-app .rankings-header .main-header h1 { min-height: 45px; display: flex; align-content: center; align-items: center; padding-bottom: 4px; } #dynastyRankings .video-tutorial-link img, #keeper-rankings-app .video-tutorial-link img { margin-right: 1.7rem; } #dynastyRankings .user-inputs-area, #keeper-rankings-app .user-inputs-area { margin-top: 0.75rem; } #dynastyRankings > .container, #keeper-rankings-app > .container { display: flex; flex-direction: column; } } @media screen and (min-width: 992px) { #dynastyRankings #mobile-header-sticky, #keeper-rankings-app #mobile-header-sticky { display: none; } #dynastyRankings .rankings-header, #keeper-rankings-app .rankings-header { margin-top: 2rem; } } table.dynasty-rankings .team-image-header-col, table.keeper-rankings .team-image-header-col { max-width: 48px; width: 48px; } table.dynasty-rankings td.dynasty-analysis, table.dynasty-rankings td.dynasty-analysis span, table.keeper-rankings td.dynasty-analysis, table.keeper-rankings td.dynasty-analysis span { text-align: left !important; } @media screen and (min-width: 992px) { table.dynasty-rankings, table.keeper-rankings { table-layout: fixed; } table.dynasty-rankings th.player-name, table.keeper-rankings th.player-name { width: 250px; min-width: 250px; max-width: 350px; } table.dynasty-rankings th#comment, table.dynasty-rankings th#sticky_comment, table.keeper-rankings th#comment, table.keeper-rankings th#sticky_comment { width: 40%; } table.dynasty-rankings td.dynasty-analysis, table.keeper-rankings td.dynasty-analysis { padding: 0.5rem 1rem; } } @media screen and (max-width: 992px) { table.dynasty-rankings th#comment, table.dynasty-rankings td#comment, table.dynasty-rankings th#sticky_comment, table.keeper-rankings th#comment, table.keeper-rankings td#comment, table.keeper-rankings th#sticky_comment { width: 50vw !important; min-width: 50vw !important; max-width: unset; } table.dynasty-rankings th.customizable-column:not(.three-d-value), table.keeper-rankings th.customizable-column:not(.three-d-value) { width: 50px; min-width: 50px; } table.dynasty-rankings td.centered:not(.three-d-value), table.keeper-rankings td.centered:not(.three-d-value) { width: 40px; } table.dynasty-rankings th.customizable-column.three-d-value, table.keeper-rankings th.customizable-column.three-d-value { min-width: unset; width: unset; width: 40px !important; max-width: 40px !important; min-width: 40px !important; } table.dynasty-rankings th.floor-proj, table.dynasty-rankings th.ceiling-proj, table.keeper-rankings th.floor-proj, table.keeper-rankings th.ceiling-proj { width: 48px; } table.dynasty-rankings td.three-d-value, table.keeper-rankings td.three-d-value { width: 40px; } } #mobile-header-sticky { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 1rem !important; } /*# sourceMappingURL=dynasty-rankings.css.map */ ======= :export{totalColor:#3d74c7;qbColor:#333;rbColor:#a41c1f;wrColor:#043173;teColor:#86a2cb;pickColor:#687087;defColor:#888;kickerColor:#c87779;tqbColor:#000;hcColor:#000;tkColor:#000;lbColor:#000;dbColor:#000;qrwtColor:#ff0;rwtColor:#f78439;rwColor:lime;wtColor:purple;dldColor:#639}:export{totalColor:#3d74c7;qbColor:#333;rbColor:#a41c1f;wrColor:#043173;teColor:#86a2cb;pickColor:#687087;defColor:#888;kickerColor:#c87779;tqbColor:#000;hcColor:#000;tkColor:#000;lbColor:#000;dbColor:#000;qrwtColor:#ff0;rwtColor:#f78439;rwColor:lime;wtColor:purple;dldColor:#639}@media screen and (max-width: 992px){.user-inputs-area .position-multi-select{flex-basis:100%;justify-content:space-between}}@media screen and (min-width: 992px){.user-inputs-area .position-multi-select{gap:.5rem}.user-inputs-area .position-multi-select .position-button{padding-top:1px}}.user-inputs-area .position-multi-select{display:flex}.user-inputs-area .position-multi-select .position-button{width:54px;height:36px;border-radius:30px;font-weight:700;font-size:15px;display:flex;justify-content:center;align-items:center}.user-inputs-area .position-multi-select .position-button:not(.active){background-color:#f1f1f1;color:#000}.user-inputs-area .position-multi-select .position-button.active{background-color:#043173;color:#fff}.user-inputs-area .fas.fa-file-export,.user-inputs-area .fas.fa-grip-horizontal{color:#999}.user-inputs-area .fas.fa-grip-horizontal{font-size:28px}.user-inputs-area>div.d-flex.justify-content-between.align-items-center>button.btn.orange-cta.reverse{display:flex;color:#a41c1f !important;border:2px solid #a41c1f !important}.user-inputs-area .scoring-filtering-tooltip-key{display:inline-flex}.user-inputs-area .scoring-filtering-tooltip-key button{margin-top:1.7rem;margin-left:auto}.user-inputs-area .mobile-export-button{margin-top:.225rem}.user-inputs-area .scoring-filtering{margin-right:auto;align-items:center;display:flex;cursor:pointer;justify-content:flex-start;gap:1rem;margin-top:.25rem !important}@media screen and (max-width: 992px){.user-inputs-area .scoring-filtering{margin-bottom:1rem}.user-inputs-area .scoring-filtering>span{font-size:16px;background:url("/img/icons/gear-blue.svg") no-repeat 0 0/20px 24px}}@media screen and (min-width: 992px){.user-inputs-area .scoring-filtering>span{font-size:20px;background:url("/img/icons/gear-blue.svg") no-repeat 0 0/20px 30px}}.user-inputs-area .scoring-filtering>span{color:#043173;display:inline-block;font-weight:700;padding-left:30px}.user-inputs-area .scoring-filtering i{color:gray;display:inline-block;font-size:16px;margin-right:.5rem}.user-inputs-area .underline-menu-container{border-bottom:4px solid #f1f1f1;display:flex;justify-content:space-between;margin-bottom:2rem}.user-inputs-area .underline-menu-container .underline-menu-print{flex-basis:40%;justify-content:flex-end}.user-inputs-area .underline-menu-container .underline-menu-print{gap:1rem}.user-inputs-area .underline-menu-container .underline-menu{display:flex;margin-bottom:-2px;position:relative;align-items:center}@media screen and (min-width: 992px){.user-inputs-area .underline-menu-container .underline-menu .menu-item{font-size:1.25rem}}@media screen and (max-width: 992px){.user-inputs-area .underline-menu-container .underline-menu{font-size:16px !important;justify-content:space-between}}@media screen and (max-width: 412px){.user-inputs-area .underline-menu-container .underline-menu .menu-item:not(.after-items){flex-basis:min-content}.user-inputs-area .underline-menu-container .underline-menu .menu-item.after-items{flex-basis:30%;text-align:left}}.user-inputs-area .underline-menu-container .underline-menu .menu-item{color:#999;cursor:pointer;font-weight:bold;padding-bottom:.25rem;position:relative;transition:color .3s;text-align:center;display:flex;flex-direction:column;justify-content:space-around;height:100%;margin-bottom:0}.user-inputs-area .underline-menu-container .underline-menu .menu-item i{font-size:22px;margin-bottom:-5px}.user-inputs-area .underline-menu-container .underline-menu .menu-item::after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:3px;background-color:#043173;transition:width .3s ease,left .3s ease}.user-inputs-area .underline-menu-container .underline-menu .menu-item.active::after{width:100%;left:0}.user-inputs-area .underline-menu-container .underline-menu .menu-item.active{border-bottom:none;color:#043173}.user-inputs-area .underline-menu-container .bottom-line{display:none}@media(max-width: 992px){.user-inputs-area .inputs-bar .toggle-button-wrapper{align-items:center}.user-inputs-area .inputs-bar .toggle-button-wrapper .toggle-container div{padding:6px 9px !important}.user-inputs-area .inputs-bar .player-filter,.user-inputs-area .inputs-bar .team-filter{flex-basis:48%}}@media screen and (min-width: 992px){.user-inputs-area .inputs-bar{margin-bottom:2rem;gap:2rem;justify-content:flex-start;row-gap:1rem}.user-inputs-area .inputs-bar.no-bottom-margin{margin-bottom:0}}@media screen and (max-width: 992px){.user-inputs-area .inputs-bar{gap:.5rem;justify-content:space-between;row-gap:1.5rem}.user-inputs-area .inputs-bar .player-filter{font-size:10px}.user-inputs-area .inputs-bar .player-filter input.player-search{background:#fff url(../img/icons/search-gray.svg) .5rem center no-repeat padding-box}}.user-inputs-area .inputs-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end}.user-inputs-area .inputs-bar label{color:#555;font-size:15px;font-weight:700}.user-inputs-area .inputs-bar select,.user-inputs-area .inputs-bar input{border:1px solid #c8c8c8;border-radius:0;box-shadow:none;height:35px;padding:0px 10px}.user-inputs-area .inputs-bar .search-container{justify-content:flex-end}.user-inputs-area .inputs-bar .search-container input[type=search]{background-image:url("/img/icons/search-gray.svg") !important;box-shadow:none}.user-inputs-area .inputs-bar .search-container input.player-search{width:100%}.user-inputs-area .inputs-bar .search-container input.player-search::focus{max-width:100%}@media screen and (min-width: 992px){.user-inputs-area .inputs-bar .player-filter:not(.search-container){flex-basis:15%}.user-inputs-area .inputs-bar .player-filter.search-container{flex-basis:20%}.user-inputs-area .inputs-bar .player-filter{justify-content:flex-start !important;flex-grow:0}}.user-inputs-area .inputs-bar .player-filter{display:flex;flex-direction:column;gap:.1rem;justify-content:space-between}.user-inputs-area .inputs-bar .player-filter select{background:url("/img/icons/caret-down-thin.svg") no-repeat right 10px center;background-color:#fff;background-size:12px;padding-right:30px}.user-inputs-area .inputs-bar .player-filter input.player-search{padding-right:0;padding-top:.1rem;padding-bottom:0}@media screen and (min-width: 992px){.user-inputs-area .inputs-bar .player-filter.column-customize-container{width:20%}}.column-customize-dropdown{position:relative;background:url(/img/icons/caret-down-thin.svg) no-repeat right 10px center;background-size:12px}.column-customize-dropdown.analysis{filter:opacity(0.5);cursor:not-allowed}.column-customize-dropdown .multiselect-dropdown{border:1px solid #c8c8c8;border-radius:0;box-shadow:none;height:35px;padding:0px 10px;display:flex;align-items:center}.column-customize-dropdown .multiselect-dropdown span{color:#999}.column-customize-dropdown .options,.column-customize-dropdown ul{position:absolute;z-index:25;border:1px solid #c8c8c8;border-radius:0;list-style:none;width:100%;padding-left:0;border-top:none;background:#fff}.column-customize-dropdown .options .placeholder,.column-customize-dropdown ul .placeholder{padding:.25rem 5px;font-weight:bold;color:#687087}.column-customize-dropdown .options li:not(.disabled):hover,.column-customize-dropdown ul li:not(.disabled):hover{background:#a41c1f}.column-customize-dropdown .options li:not(.disabled):hover label,.column-customize-dropdown ul li:not(.disabled):hover label{color:#fff}.column-customize-dropdown .options li.disabled label,.column-customize-dropdown ul li.disabled label{color:rgba(153,153,153,.2705882353) !important}.column-customize-dropdown .options li:not(.placeholder),.column-customize-dropdown ul li:not(.placeholder){padding-left:10px;display:flex;align-items:center}.column-customize-dropdown .options li:not(.placeholder) input,.column-customize-dropdown ul li:not(.placeholder) input{accent-color:#043173;margin-right:.25rem}.column-customize-dropdown .options li:not(.placeholder).active label,.column-customize-dropdown ul li:not(.placeholder).active label{font-weight:bold}.column-customize-dropdown .options li:not(.placeholder):not(.active) label,.column-customize-dropdown ul li:not(.placeholder):not(.active) label{color:#999;font-weight:normal}.column-customize-dropdown .multi-select-dropdown-list-item .clickable-checkbox-div{flex-grow:1;height:35px}#dynastyRankings,#keeper-rankings-app{margin-top:0}#dynastyRankings .user-inputs-area,#keeper-rankings-app .user-inputs-area{margin-bottom:1rem}#dynastyRankings .rankings-header .d-flex,#keeper-rankings-app .rankings-header .d-flex{margin-top:1rem !important}@media screen and (min-width: 992px){#dynastyRankings .tooltip-list.row,#keeper-rankings-app .tooltip-list.row{margin:1rem 0}#dynastyRankings .container.order-container,#keeper-rankings-app .container.order-container{padding-left:0;padding-right:0}#dynastyRankings .main-header,#keeper-rankings-app .main-header{flex-basis:50%;flex-grow:1}#dynastyRankings th#three_d_value,#keeper-rankings-app th#three_d_value{width:70px}#dynastyRankings .user-inputs-area .inputs-bar,#keeper-rankings-app .user-inputs-area .inputs-bar{justify-content:space-between;column-gap:1rem !important;gap:unset}#dynastyRankings .user-inputs-area .player-filter.position-dropdown,#keeper-rankings-app .user-inputs-area .player-filter.position-dropdown{flex-basis:15%}#dynastyRankings .user-inputs-area .player-filter:not(.search-container),#keeper-rankings-app .user-inputs-area .player-filter:not(.search-container){flex-basis:15% !important}#dynastyRankings .user-inputs-area .player-filter.search-container,#keeper-rankings-app .user-inputs-area .player-filter.search-container{flex-shrink:1}#dynastyRankings label.toggle-container,#keeper-rankings-app label.toggle-container{width:min-content}#dynastyRankings .toggle-button-wrapper.rookie .toggle-checkbox+.toggle-container::before,#keeper-rankings-app .toggle-button-wrapper.rookie .toggle-checkbox+.toggle-container::before{width:41px}#dynastyRankings .toggle-button-wrapper.superflex .toggle-checkbox+.toggle-container::before,#keeper-rankings-app .toggle-button-wrapper.superflex .toggle-checkbox+.toggle-container::before{width:50px}#dynastyRankings .toggle-button-wrapper.rookie .toggle-checkbox:checked+.toggle-container::before,#keeper-rankings-app .toggle-button-wrapper.rookie .toggle-checkbox:checked+.toggle-container::before{width:78px;left:33%}#dynastyRankings .toggle-button-wrapper.superflex .toggle-checkbox:checked+.toggle-container::before,#keeper-rankings-app .toggle-button-wrapper.superflex .toggle-checkbox:checked+.toggle-container::before{width:86px;left:36%}}@media screen and (max-width: 992px){#dynastyRankings .read-more-label,#keeper-rankings-app .read-more-label{display:none}#dynastyRankings .container.order-container,#dynastyRankings .user-inputs-container,#keeper-rankings-app .container.order-container,#keeper-rankings-app .user-inputs-container{padding:0}#dynastyRankings .user-inputs-area .inputs-bar,#keeper-rankings-app .user-inputs-area .inputs-bar{column-gap:0}#dynastyRankings .user-inputs-area .inputs-bar div:first-child.toggle-button-wrapper,#keeper-rankings-app .user-inputs-area .inputs-bar div:first-child.toggle-button-wrapper{flex-basis:40%}#dynastyRankings .user-inputs-area .inputs-bar .toggle-button-wrapper,#keeper-rankings-app .user-inputs-area .inputs-bar .toggle-button-wrapper{flex-basis:57%}#dynastyRankings .user-inputs-area .toggle-container,#keeper-rankings-app .user-inputs-area .toggle-container{font-size:12px}#dynastyRankings .rankings-header .main-header h1,#keeper-rankings-app .rankings-header .main-header h1{min-height:45px;display:flex;align-content:center;align-items:center;padding-bottom:4px}#dynastyRankings .video-tutorial-link img,#keeper-rankings-app .video-tutorial-link img{margin-right:1.7rem}#dynastyRankings .user-inputs-area,#keeper-rankings-app .user-inputs-area{margin-top:.75rem}#dynastyRankings>.container,#keeper-rankings-app>.container{display:flex;flex-direction:column}}@media screen and (min-width: 992px){#dynastyRankings #mobile-header-sticky,#keeper-rankings-app #mobile-header-sticky{display:none}#dynastyRankings .rankings-header,#keeper-rankings-app .rankings-header{margin-top:2rem}}table.dynasty-rankings .team-image-header-col,table.keeper-rankings .team-image-header-col{max-width:48px;width:48px}table.dynasty-rankings td.dynasty-analysis,table.dynasty-rankings td.dynasty-analysis span,table.keeper-rankings td.dynasty-analysis,table.keeper-rankings td.dynasty-analysis span{text-align:left !important}@media screen and (min-width: 992px){table.dynasty-rankings,table.keeper-rankings{table-layout:fixed}table.dynasty-rankings th.player-name,table.keeper-rankings th.player-name{width:250px;min-width:250px;max-width:350px}table.dynasty-rankings th#comment,table.dynasty-rankings th#sticky_comment,table.keeper-rankings th#comment,table.keeper-rankings th#sticky_comment{width:40%}table.dynasty-rankings td.dynasty-analysis,table.keeper-rankings td.dynasty-analysis{padding:.5rem 1rem}}@media screen and (max-width: 992px){table.dynasty-rankings th#comment,table.dynasty-rankings td#comment,table.dynasty-rankings th#sticky_comment,table.keeper-rankings th#comment,table.keeper-rankings td#comment,table.keeper-rankings th#sticky_comment{width:50vw !important;min-width:50vw !important;max-width:unset}table.dynasty-rankings th.customizable-column:not(.three-d-value),table.keeper-rankings th.customizable-column:not(.three-d-value){width:50px;min-width:50px}table.dynasty-rankings td.centered:not(.three-d-value),table.keeper-rankings td.centered:not(.three-d-value){width:40px}table.dynasty-rankings th.customizable-column.three-d-value,table.keeper-rankings th.customizable-column.three-d-value{min-width:unset;width:unset;width:40px !important;max-width:40px !important;min-width:40px !important}table.dynasty-rankings th.floor-proj,table.dynasty-rankings th.ceiling-proj,table.keeper-rankings th.floor-proj,table.keeper-rankings th.ceiling-proj{width:48px}table.dynasty-rankings td.three-d-value,table.keeper-rankings td.three-d-value{width:40px}}#mobile-header-sticky{margin-left:0 !important;margin-right:0 !important;margin-bottom:0rem !important}/*# sourceMappingURL=dynasty-rankings.css.map */ >>>>>>> master