@charset "utf-8";

:root {
    color-scheme: light;
    --bs-font-sans-serif: 'Inter', 'Noto Sans KR', sans-serif;
    --bs-font-serif: 'Noto Serif KR', serif;
    --bs-font-monospace: 'JetBrains Mono', 'Noto Sans KR', monospace;
    --bs-body-font-family: var(--bs-font-monospace);
    --bs-link-decoration: none;
}
:root[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #fafafa;
    --bs-body-color-rgb: 250, 250, 250;
    --bs-body-bg: #09090b;
    --bs-body-bg-rgb: 9, 9, 11;
}

/* Custom */
:root {
}
:root,
[data-bs-theme="light"] {
    --bs-default: #0b0809;
    --bs-default-rgb: 11, 8, 9;

    --bs-default-text-emphasis: #090707;
    --bs-default-bg-subtle: #cecece;
    --bs-default-border-subtle: #030303;

    --bs-link-color: #000000;
    --bs-link-color-rgb: 0, 0, 0;
    --bs-link-hover-color: #3c393a;
    --bs-link-hover-color-rgb: 60, 57, 58;

    --bs-focus-ring-color: rgba(var(--bs-default-rgb), 0.25);
}

[data-bs-theme="dark"] {
    --bs-default: #fafafa;
    --bs-default-rgb: 250, 250, 250;

    --bs-default-text-emphasis: #f6f8f8;
    --bs-default-bg-subtle: #313131;
    --bs-default-border-subtle: #fcfcfc;

    --bs-link-color: #ffffff;
    --bs-link-color-rgb: 255, 255, 255;
    --bs-link-hover-color: #cccccc;
    --bs-link-hover-color-rgb: 204, 204, 204;

    --bs-focus-ring-color: rgba(var(--bs-default-rgb), 0.25);
}

.btn-default {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0b0809;
    --bs-btn-border-color: #0b0809;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 48, 45, 46;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0b0809;
    --bs-btn-disabled-border-color: #0b0809;
}
[data-bs-theme="dark"] .btn-default {
    --bs-btn-color: #000;
    --bs-btn-bg: #fafafa;
    --bs-btn-border-color: #fafafa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 207, 210, 209;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.25);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fafafa;
    --bs-btn-disabled-border-color: #fafafa;
}

.btn-outline-default {
    --bs-btn-color: #000;
    --bs-btn-border-color: #0b0809;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b0809;
    --bs-btn-hover-border-color: #0b0809;
    --bs-btn-focus-shadow-rgb: 11, 8, 9;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0b0809;
    --bs-btn-active-border-color: #0b0809;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0b0809;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0b0809;
    --bs-gradient: none;
}
[data-bs-theme="dark"] .btn-outline-default {
    --bs-btn-color: #fff;
    --bs-btn-border-color: #fafafa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fafafa;
    --bs-btn-hover-border-color: #fafafa;
    --bs-btn-focus-shadow-rgb: 244, 247, 246;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #fafafa;
    --bs-btn-active-border-color: #fafafa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.25);
    --bs-btn-disabled-color: #fafafa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fafafa;
    --bs-gradient: none;
}

.btn {
    white-space: nowrap;
}
.btn-group-xs>.btn, .btn-xs {
    --bs-btn-padding-y: 0.0625rem;
    --bs-btn-padding-x: 0.25rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color) !important;
}

.alert-default {
    --bs-alert-color: var(--bs-default-text-emphasis);
    --bs-alert-bg: var(--bs-default-bg-subtle);
    --bs-alert-border-color: var(--bs-default-border-subtle);
    --bs-alert-link-color: var(--bs-default-text-emphasis);
}

.text-bg-default {
    color: var(--bs-body-bg) !important;
    background-color: rgba(var(--bs-default-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-default {
    color: rgba(var(--bs-default-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-default:hover, .link-default:focus {
    color: rgba(90, 90, 98, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: rgba(90, 90, 98, var(--bs-link-underline-opacity, 1)) !important;
    text-decoration-color: rgba(90, 90, 98, var(--bs-link-underline-opacity, 1)) !important;
}

.focus-ring-default {
    --bs-focus-ring-color: rgba(var(--bs-default-rgb), var(--bs-focus-ring-opacity));
}

.border-default {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-default-rgb), var(--bs-border-opacity)) !important;
}

.border-default-subtle {
    border-color: var(--bs-default-border-subtle) !important;
}

.text-default {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.link-underline-default {
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity)) !important;
    text-decoration-color: rgba(var(--bs-default-rgb), var(--bs-link-underline-opacity)) !important;
}

.bg-default {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-default-subtle {
    background-color: var(--bs-default-bg-subtle) !important;
}

.form-control:focus {
    border-color: var(--bs-default);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-default-rgb), 0.25);
}
.form-select:focus {
    border-color: var(--bs-default);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-default-rgb), 0.25);
}
.form-check-input:focus {
    border-color: var(--bs-default);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-default-rgb), 0.25);
}
.form-check-input:checked {
    background-color: #0b0809;
    border-color: #0b0809;
}
.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0b0809;
    border-color: #0b0809;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

[data-bs-theme="dark"] .form-check-input:checked {
    background-color: #f4f7f6;
    border-color: #f4f7f6;
}
[data-bs-theme="dark"] .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .form-check-input[type="checkbox"]:indeterminate {
    background-color: #f4f7f6;
    border-color: #f4f7f6;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
[data-bs-theme="dark"] .form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
}

input[type="checkbox"] {

}
input[type="range"] {
    accent-color: var(--bs-body-color);
}

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-default-rgb), 0.25);
}
.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--bs-default-rgb), 0.25);
}
.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bs-default);
}
.form-range::-webkit-slider-thumb:active {
    background-color: rgba(var(--bs-default-rgb), 0.75);
}
.form-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-default);
}
.form-range::-moz-range-thumb:active {
    background-color: rgba(var(--bs-default-rgb), 0.75);
}

.form-select,
.form-control {
}
.form-select:disabled,
.form-control:disabled {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-tertiary-color);
}

.input-group {
    flex-wrap: nowrap;
}


/* 리스트 그룹 */
.list-group {
    --bs-list-group-active-color: #fafafa;
    --bs-list-group-active-bg: #0b0809;
    --bs-list-group-active-border-color: ;
}

[data-bs-theme="dark"] .list-group {
    --bs-list-group-active-color: #0b0809;
    --bs-list-group-active-bg: #fafafa;
    --bs-list-group-active-border-color: ;
}

/* 프로그레스 */
.progress, 
.progress-stacked {
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-bar-color: #fafafa;
    --bs-progress-bar-bg: #0b0809;
}
[data-bs-theme="dark"] .progress, 
[data-bs-theme="dark"] .progress-stacked {
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-bar-color: #0b0809;
    --bs-progress-bar-bg: #fafafa;
}

/* 카드 */
.card.bg-default,
.card.text-bg-default {
    --bs-card-border-color: rgba(var(--bs-body-bg-rgb), 0.15);
}

/* 페이지네이션 */
.pagination {
    --bs-pagination-color: var(--bs-body-color);
    --bs-pagination-hover-color: var(--bs-emphasis-color);
    --bs-pagination-font-size: 1rem;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-gap: 0.375rem;
    --bs-pagination-item-width: 2.375rem;
    --bs-pagination-item-height: 2.375rem;
    --bs-pagination-padding-x: 0.375rem;
    --bs-pagination-padding-y: 0.375rem;
    gap: var(--bs-pagination-gap);
    line-height: 1;
    margin: 0;
}
.pagination-sm {
    --bs-pagination-font-size: 0.75rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm);
    --bs-pagination-gap: 0.25rem;
    --bs-pagination-item-width: 2rem;
    --bs-pagination-item-height: 2rem;
    --bs-pagination-padding-x: 0.25rem;
    --bs-pagination-padding-y: 0.25rem;
}
.pagination-lg {
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg);
    --bs-pagination-gap: 0.5rem;
    --bs-pagination-item-width: 3.25rem;
    --bs-pagination-item-height: 3.25rem;
    --bs-pagination-padding-x: 0.625rem;
    --bs-pagination-padding-y: 0.625rem;
}
.page-link {
    border-radius: var(--bs-pagination-border-radius);
    margin: 0 !important;
    display: flex;
    flex: 0 0 auto;
    min-width: var(--bs-pagination-item-width);
    height: var(--bs-pagination-item-height);
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-link:focus {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-body-color-rgb), 0.125);
}
.active>.page-link, 
.page-link.active {
    --bs-pagination-active-color: var(--bs-body-bg);
    --bs-pagination-active-bg: var(--bs-body-color);
    --bs-pagination-active-border-color: var(--bs-body-color);
}
.disabled>.page-link, 
.page-link.disabled {
    opacity: 0.75;
}
@media (max-width: 424.98px) {
    .page-start,
    .page-end,
    .page-count {
        display: none;
    }
}

/* 테이블 */
table th {
    font-weight: normal;
}
.table {
    margin: 0;
    border-top: 1px solid var(--bs-border-color);
}
.table thead th,
.table thead td {
    /* border-top-width: var(--bs-border-width); */
}
.table thead th,
.table thead td,
.table tfoot th,
.table tfoot td {
    white-space: nowrap;
}
.table tbody th,
.table tbody td {
    white-space: wrap;
    word-break: break-all;
}
.table-transparent {
    --bs-table-bg: transparent;
}

.table-bordered-inner > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered-inner > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-bordered-inner>:not(caption)>*>*:first-child {
    border-left-width: 0;
}
.table-bordered-inner>:not(caption)>*>*:last-child {
    border-right-width: 0;
}

.table.table-form {}

/* 테이블 반응형 스크롤 (부트스트랩 커스텀) .table-responsive > .table */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.table-responsive table {
    margin-bottom: 0.25rem;
}
.table-responsive::-webkit-scrollbar {
    height: 0.75rem;
}
.table-responsive::-webkit-scrollbar-track {
    background: var(--bs-secondary-bg);
}
.table-responsive::-webkit-scrollbar-thumb {
    background: var(--bs-secondary);
}
.table-responsive::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 0.375rem;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--bs-secondary);
}
@media (max-width: 1199.98px) {
    .table-responsive table tbody th,
    .table-responsive table tbody td {
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}



/* ------------------------------
    Add: Components
------------------------------ */
.central {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    min-height: 100vh;
}

.avatar {
    justify-content: center;
    align-items: center;
    display: flex;
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8);
    object-fit: cover;
    background-color: var(--muted);
    font-size: var(--text-xs);
    line-height: calc(var(--spacing)*4);
    color: var(--foreground);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3.40282e+38px;
    flex: none;
    overflow: hidden
}


/* ------------------------------
    Add: Utilities
------------------------------ */
.cursor-auto          { cursor: auto; }
.cursor-default       { cursor: default; }
.cursor-pointer       { cursor: pointer; }
.cursor-crosshair     { cursor: crosshair; }
.cursor-text          { cursor: text; }
.cursor-move          { cursor: move; }
.cursor-wait          { cursor: wait; }
.cursor-help          { cursor: help; }
.cursor-not-allowed   { cursor: not-allowed; }
.cursor-grab          { cursor: grab; }
.cursor-grabbing      { cursor: grabbing; }
.cursor-col-resize    { cursor: col-resize; }
.cursor-row-resize    { cursor: row-resize; }
.cursor-n-resize      { cursor: n-resize; }
.cursor-e-resize      { cursor: e-resize; }
.cursor-s-resize      { cursor: s-resize; }
.cursor-w-resize      { cursor: w-resize; }
.cursor-ne-resize     { cursor: ne-resize; }
.cursor-nw-resize     { cursor: nw-resize; }
.cursor-se-resize     { cursor: se-resize; }
.cursor-sw-resize     { cursor: sw-resize; }
.cursor-ew-resize     { cursor: ew-resize; }
.cursor-ns-resize     { cursor: ns-resize; }
.cursor-nesw-resize   { cursor: nesw-resize; }
.cursor-nwse-resize   { cursor: nwse-resize; }
.cursor-vertical-text { cursor: vertical-text; }
.cursor-all-scroll    { cursor: all-scroll; }
.cursor-none          { cursor: none; }
.cursor-zoom-in       { cursor: zoom-in; }
.cursor-zoom-out      { cursor: zoom-out; }

.text-wrap      { text-wrap: wrap; }
.text-nowrap    { text-wrap: nowrap; }
.text-balance   { text-wrap: balance; }
.text-pretty    { text-wrap: pretty; }

.whitespace-normal          { white-space: normal; }
.whitespace-nowrap          { white-space: nowrap; }
.whitespace-pre             { white-space: pre; }
.whitespace-pre-line        { white-space: pre-line; }
.whitespace-pre-wrap        { white-space: pre-wrap; }
.whitespace-break-spaces    { white-space: break-spaces; }

.break-normal   { word-break: normal; }
.break-all      { word-break: break-all; }
.break-keep     { word-break: keep-all; }

.object-position-center              { object-position: center; }
.object-position-top                 { object-position: top; }
.object-position-bottom              { object-position: bottom; }
.object-position-start               { object-position: left; }
.object-position-end                 { object-position: right; }
.object-position-start-top           { object-position: left top; }
.object-position-start-bottom        { object-position: left bottom; }
.object-position-end-top             { object-position: right top; }
.object-position-end-bottom          { object-position: right bottom; }
.object-position-start-center        { object-position: left center; }
.object-position-end-center          { object-position: right center; }
.object-position-center-top          { object-position: center top; }
.object-position-center-bottom       { object-position: center bottom; }
@media (min-width: 576px) {
  .object-position-sm-center         { object-position: center; }
  .object-position-sm-top            { object-position: top; }
  .object-position-sm-bottom         { object-position: bottom; }
  .object-position-sm-start          { object-position: left; }
  .object-position-sm-end            { object-position: right; }
  .object-position-sm-start-top      { object-position: left top; }
  .object-position-sm-start-bottom   { object-position: left bottom; }
  .object-position-sm-end-top        { object-position: right top; }
  .object-position-sm-end-bottom     { object-position: right bottom; }
  .object-position-sm-start-center   { object-position: left center; }
  .object-position-sm-end-center     { object-position: right center; }
  .object-position-sm-center-top     { object-position: center top; }
  .object-position-sm-center-bottom  { object-position: center bottom; }
}
@media (min-width: 768px) {
  .object-position-md-center         { object-position: center; }
  .object-position-md-top            { object-position: top; }
  .object-position-md-bottom         { object-position: bottom; }
  .object-position-md-start          { object-position: left; }
  .object-position-md-end            { object-position: right; }
  .object-position-md-start-top      { object-position: left top; }
  .object-position-md-start-bottom   { object-position: left bottom; }
  .object-position-md-end-top        { object-position: right top; }
  .object-position-md-end-bottom     { object-position: right bottom; }
  .object-position-md-start-center   { object-position: left center; }
  .object-position-md-end-center     { object-position: right center; }
  .object-position-md-center-top     { object-position: center top; }
  .object-position-md-center-bottom  { object-position: center bottom; }
}
@media (min-width: 992px) {
  .object-position-lg-center         { object-position: center; }
  .object-position-lg-top            { object-position: top; }
  .object-position-lg-bottom         { object-position: bottom; }
  .object-position-lg-start          { object-position: left; }
  .object-position-lg-end            { object-position: right; }
  .object-position-lg-start-top      { object-position: left top; }
  .object-position-lg-start-bottom   { object-position: left bottom; }
  .object-position-lg-end-top        { object-position: right top; }
  .object-position-lg-end-bottom     { object-position: right bottom; }
  .object-position-lg-start-center   { object-position: left center; }
  .object-position-lg-end-center     { object-position: right center; }
  .object-position-lg-center-top     { object-position: center top; }
  .object-position-lg-center-bottom  { object-position: center bottom; }
}
@media (min-width: 1200px) {
  .object-position-xl-center         { object-position: center; }
  .object-position-xl-top            { object-position: top; }
  .object-position-xl-bottom         { object-position: bottom; }
  .object-position-xl-start          { object-position: left; }
  .object-position-xl-end            { object-position: right; }
  .object-position-xl-start-top      { object-position: left top; }
  .object-position-xl-start-bottom   { object-position: left bottom; }
  .object-position-xl-end-top        { object-position: right top; }
  .object-position-xl-end-bottom     { object-position: right bottom; }
  .object-position-xl-start-center   { object-position: left center; }
  .object-position-xl-end-center     { object-position: right center; }
  .object-position-xl-center-top     { object-position: center top; }
  .object-position-xl-center-bottom  { object-position: center bottom; }
}
@media (min-width: 1400px) {
  .object-position-xxl-center        { object-position: center; }
  .object-position-xxl-top           { object-position: top; }
  .object-position-xxl-bottom        { object-position: bottom; }
  .object-position-xxl-start         { object-position: left; }
  .object-position-xxl-end           { object-position: right; }
  .object-position-xxl-start-top     { object-position: left top; }
  .object-position-xxl-start-bottom  { object-position: left bottom; }
  .object-position-xxl-end-top       { object-position: right top; }
  .object-position-xxl-end-bottom    { object-position: right bottom; }
  .object-position-xxl-start-center  { object-position: left center; }
  .object-position-xxl-end-center    { object-position: right center; }
  .object-position-xxl-center-top    { object-position: center top; }
  .object-position-xxl-center-bottom { object-position: center bottom; }
}