/* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .filters[data-v-e35db0d8] { display: inline-block; list-style: none; padding: .5rem; margin: 0; } .filters[data-v-e35db0d8]:not(:last-child) { border-right: solid 1px rgba(0, 0, 0, 0.1); } .filter[data-v-e35db0d8] { display: inline-block; } .compact .filters[data-v-e35db0d8] { padding: 0; border: none; } .compact .filter[data-v-e35db0d8] { margin: 0 0 1.5rem 0; } .toggle[data-v-e35db0d8] { color: rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: .5rem; margin: 0 .25rem; border: solid 1px transparent; font-size: .9rem; font-weight: bold; cursor: pointer; } .toggle .check[data-v-e35db0d8] { display: none; } .toggle[data-v-e35db0d8]:hover { color: rgba(0, 0, 0, 0.5); } .toggle.active[data-v-e35db0d8] { color: #ff6c88; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .filter-bar[data-v-6db17c96] { background: #fff; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: .5rem 1rem; z-index: 1; font-size: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .filter-bar .icon[data-v-6db17c96] { fill: rgba(0, 0, 0, 0.5); } .filters-container[data-v-6db17c96] { display: inline-block; } .filters-block[data-v-6db17c96] { display: inline-block; } .filters-compact[data-v-6db17c96] { font-size: 1rem; font-weight: bold; display: none; margin: 0 0 0 .5rem; } .range-button[data-v-6db17c96] { color: rgba(0, 0, 0, 0.5); background: #fff; display: inline-block; padding: .5rem 1rem; border: none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); font-size: .8rem; font-weight: bold; } .range-button[data-v-6db17c96]:hover { color: #222; cursor: pointer; } .range-input[data-v-6db17c96] { display: none; } .range-input:checked + .range-button[data-v-6db17c96] { color: #ff6c88; } @media (max-width: 720px) { .filters-container[data-v-6db17c96] { display: none; } .filters-compact[data-v-6db17c96] { display: inline-block; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tile[data-v-3abcf101] { background: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; padding: 0 0 .5rem 0; overflow: hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); height: 100%; } .poster[data-v-3abcf101] { position: relative; margin: 0 0 .5rem 0; } .thumbnail[data-v-3abcf101] { width: 100%; height: 14rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -o-object-fit: cover; object-fit: cover; background-position: center; background-size: cover; background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); } .row[data-v-3abcf101] { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; box-sizing: border-box; padding: 0 .5rem; margin: 0 0 .25rem 0; } .details[data-v-3abcf101] { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; position: absolute; font-size: 0; } .details .favicon[data-v-3abcf101] { height: 1rem; margin: 0 .25rem 0 0; } .site[data-v-3abcf101], .date[data-v-3abcf101] { color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background: rgba(0, 0, 0, 0.5); position: relative; font-size: .8rem; padding: .25rem; text-decoration: none; } .date.upcoming[data-v-3abcf101]:before { content: ''; color: #fff; background: #ff6c88; width: .25rem; display: inline-block; position: absolute; top: 0; bottom: 0; left: -.75rem; padding: .25rem; font-size: .8rem; font-weight: bold; } .site[data-v-3abcf101] { font-weight: bold; } .info[data-v-3abcf101] { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; } .link[data-v-3abcf101] { text-decoration: none; } .title[data-v-3abcf101] { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0 .25rem .25rem 0; color: #222; font-size: 1rem; max-height: 3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .title .icon[data-v-3abcf101] { margin: 0 .25rem 0 0; } .network[data-v-3abcf101] { color: #555; margin: 0 .25rem 0 0; font-size: .8rem; } .actors[data-v-3abcf101] { word-wrap: break-word; overflow: hidden; max-height: 2.75rem; line-height: 1.5rem; } .tags[data-v-3abcf101] { max-height: .5rem; padding: .25rem .5rem 1rem .5rem; word-wrap: break-word; overflow-y: hidden; } .actor[data-v-3abcf101] { margin: 0 .25rem 0 0; } .tag[data-v-3abcf101] { margin: 0 .25rem .25rem 0; } .actor[data-v-3abcf101]:not(:last-of-type)::after { content: ","; } .actor-link[data-v-3abcf101] { text-decoration: none; } .actor-link[data-v-3abcf101]:hover { color: #ff6c88; } .actor-link[data-v-3abcf101] { color: #cc4466; } .tag-link[data-v-3abcf101] { color: rgba(0, 0, 0, 0.5); display: inline-block; padding: .25rem; font-size: .75rem; font-weight: bold; text-decoration: none; line-height: 1; border: solid 1px rgba(0, 0, 0, 0.1); } .tag-link[data-v-3abcf101]:hover { color: #ff6c88; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .heading[data-v-22ffe3e4] { padding: 0; margin: 0 0 1rem 0; } .heading .range[data-v-22ffe3e4] { text-transform: capitalize; } .tiles[data-v-22ffe3e4] { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 0.33fr)); grid-gap: 1rem; } .empty[data-v-22ffe3e4] { color: rgba(0, 0, 0, 0.7); font-weight: bold; } @media (max-width: 1500px) { .tiles[data-v-22ffe3e4] { grid-template-columns: repeat(auto-fit, minmax(20rem, 0.5fr)); } } @media (max-width: 720px) { .tiles[data-v-22ffe3e4] { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .banner[data-v-42bb19c4] { background: #333; flex-shrink: 0; white-space: nowrap; overflow-x: auto; scrollbar-width: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); font-size: 0; } .banner[data-v-42bb19c4]::-webkit-scrollbar { display: none; } .trailer[data-v-42bb19c4] { display: inline-block; max-width: 100vw; } .trailer-video[data-v-42bb19c4] { max-width: 100%; -o-object-fit: cover; object-fit: cover; } .item[data-v-42bb19c4] { height: 18rem; vertical-align: middle; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .actor[data-v-6989dc6f] { width: 100%; background: #fff; display: inline-block; margin: 0 .5rem .5rem 0; position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .link[data-v-6989dc6f] { color: #cc4466; text-decoration: none; text-align: center; } .link[data-v-6989dc6f]:hover { color: #ff6c88; } .name[data-v-6989dc6f] { display: block; padding: .5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } .avatar[data-v-6989dc6f] { color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.1); height: 12rem; width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; } .details[data-v-6989dc6f] { background: rgba(0, 0, 0, 0.5); color: #fff; width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; box-sizing: border-box; padding: .5rem; position: absolute; bottom: 0; font-size: .8rem; font-weight: bold; } .age-then[data-v-6989dc6f] { color: rgba(255, 255, 255, 0.5); } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .column[data-v-d4b03dc2] { width: 1200px; max-width: 100%; padding: 0 1rem; margin: 0 auto; box-sizing: border-box; } .info[data-v-d4b03dc2] { padding: 1rem; border-left: solid 1px rgba(0, 0, 0, 0.1); border-right: solid 1px rgba(0, 0, 0, 0.1); -webkit-box-flex: 1; flex-grow: 1; } .row[data-v-d4b03dc2] { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0 0 1rem 0; } .row .icon[data-v-d4b03dc2] { display: inline-block; width: 1rem; fill: rgba(0, 0, 0, 0.7); margin: 0 1rem 0 0; } .details[data-v-d4b03dc2] { background: #222; color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); cursor: default; } .details .column[data-v-d4b03dc2] { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 0 1rem; } .details .link[data-v-d4b03dc2] { color: #fff; } .tidbit[data-v-d4b03dc2] { display: inline-block; height: 100%; } .tidbit[data-v-d4b03dc2]:not(:last-child) { border-right: solid 1px rgba(255, 255, 255, 0.075); } .tidbit .icon[data-v-d4b03dc2] { fill: rgba(255, 255, 255, 0.2); margin: 0 .25rem 0 0; } .tidbit.date[data-v-d4b03dc2], .tidbit.duration[data-v-d4b03dc2], .tidbit.shoot[data-v-d4b03dc2] { flex-shrink: 0; padding: 1.25rem 1rem 1.25rem 0; margin: 0 1rem 0 0; } .site[data-v-d4b03dc2] { display: -webkit-inline-box; display: inline-flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: .25rem 0; font-size: 0; } .logo[data-v-d4b03dc2] { display: inline-block; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); } .logo-site[data-v-d4b03dc2] { height: 3rem; max-width: 15rem; -o-object-fit: contain; object-fit: contain; -o-object-position: 100% 50%; object-position: 100% 50%; } .logo-network[data-v-d4b03dc2] { height: 1.5rem; max-width: 10rem; -o-object-fit: contain; object-fit: contain; -o-object-position: 100% 50%; object-position: 100% 50%; } .chain[data-v-d4b03dc2] { color: rgba(255, 255, 255, 0.5); padding: 0 .5rem; font-weight: bold; font-size: .8rem; } .title[data-v-d4b03dc2] { margin: 0 0 1.5rem 0; } .description[data-v-d4b03dc2] { line-height: 1.25; } .duration[data-v-d4b03dc2] { font-size: 0; } .duration-segment[data-v-d4b03dc2] { font-size: 1rem; } .actors[data-v-d4b03dc2] { display: -webkit-box; display: flex; flex-wrap: wrap; } .actor[data-v-d4b03dc2] { width: 10rem; margin: 0 1rem .5rem 0; } .link[data-v-d4b03dc2] { display: inline-block; color: #cc4466; text-decoration: none; } .link[data-v-d4b03dc2]:hover { color: #ff6c88; } .link:hover .icon[data-v-d4b03dc2] { fill: #ff6c88; } .tag .link[data-v-d4b03dc2] { background: #fff; display: inline-block; padding: .5rem; margin: 0 .25rem .25rem 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); text-decoration: none; text-transform: capitalize; } .tag .link[data-v-d4b03dc2]:hover { color: #ff6c88; } .showable[data-v-d4b03dc2] { display: none; } @media (max-width: 1200px) { .logo-network[data-v-d4b03dc2], .chain[data-v-d4b03dc2] { display: none; } } @media (max-width: 720px) { .hideable[data-v-d4b03dc2] { display: none; } .row .showable[data-v-d4b03dc2] { display: block; } .tidbit .showable[data-v-d4b03dc2] { display: inline-block; } .logo-site[data-v-d4b03dc2] { width: 15rem; max-width: 100%; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .header[data-v-194630f6] { background: #222; color: #fff; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; } .link[data-v-194630f6] { padding: 1rem; } .link-site[data-v-194630f6] { margin: 0 1rem 0 0; -webkit-box-pack: start; justify-content: flex-start; } .link-site .logo[data-v-194630f6] { -o-object-position: 0 0; object-position: 0 0; } .link-network[data-v-194630f6] { -webkit-box-pack: end; justify-content: flex-end; } .link-network .logo[data-v-194630f6] { -o-object-position: 100% 0; object-position: 100% 0; } .logo[data-v-194630f6] { width: 100%; max-width: 15rem; max-height: 5rem; -o-object-fit: contain; object-fit: contain; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); } .tag[data-v-194630f6] { background: rgba(0, 0, 0, 0.5); padding: .5rem; margin: 0 .5rem .5rem 0; } @media (max-width: 720px) { .link[data-v-194630f6] { padding: .5rem 1rem; } .logo[data-v-194630f6] { max-height: 2.5rem; } .tags[data-v-194630f6] { display: none; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tile[data-v-f4958086] { background: #2a2a2a; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; box-sizing: border-box; padding: .5rem 1rem; border-radius: .25rem; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 100%; text-align: center; } .link[data-v-f4958086] { text-decoration: none; } .logo[data-v-f4958086] { width: 100%; height: 5rem; color: #222; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -o-object-fit: contain; object-fit: contain; font-size: 1rem; font-weight: bold; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); } .title[data-v-f4958086] { color: #222; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .sites[data-v-7bebaa3e] { overflow: hidden; display: -webkit-box; display: flex; } .sites.compact[data-v-7bebaa3e]:not(.expanded) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .sites.compact:not(.expanded) .tiles[data-v-7bebaa3e] { display: -webkit-box; display: flex; overflow-x: auto; } .sites.compact:not(.expanded) .tile[data-v-7bebaa3e] { width: 15rem; margin: 0 1rem 0 0; } .sites.expanded .tiles[data-v-7bebaa3e] { grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr)); } .sites.expanded.compact .tiles[data-v-7bebaa3e] { padding: 0 1rem 1rem 1rem; } .tiles[data-v-7bebaa3e] { display: grid; grid-gap: 0 1rem; -webkit-box-flex: 1; flex-grow: 1; padding: 1rem; grid-template-columns: 1fr; overflow-y: auto; scrollbar-color: rgba(255, 255, 255, 0.2) #222; } .site[data-v-7bebaa3e] { /* vertical grid-gap not compatible with bottom padding on scrolling containers */ margin: 0 0 1rem 0; } @media (max-width: 1200px) { .sites.expanded .tiles[data-v-7bebaa3e] { grid-template-columns: repeat(auto-fit, minmax(12rem, 0.5fr)); } } @media (max-width: 540px) { .sites.expanded .tiles[data-v-7bebaa3e] { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .network[data-v-e2e12602] { display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: stretch; justify-content: stretch; overflow-y: auto; } .network.nosites[data-v-e2e12602] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .content-inner[data-v-e2e12602] { padding: 0; } .releases[data-v-e2e12602] { padding: 1rem 1rem 1rem .5rem; } .sidebar[data-v-e2e12602] { background: #222; height: 100%; width: 18rem; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; color: #fff; overflow: hidden; } .sidebar .title[data-v-e2e12602] { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; border-bottom: solid 1px rgba(255, 255, 255, 0.075); } .sidebar.expanded[data-v-e2e12602] { width: calc(100% - 25rem); } .sidebar.expanded .logo[data-v-e2e12602] { max-width: 18rem; } .logo[data-v-e2e12602] { width: 100%; max-height: 8rem; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -o-object-fit: contain; object-fit: contain; box-sizing: border-box; padding: 1rem; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); } .header[data-v-e2e12602] { width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; flex-shrink: 0; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: #222; } .header.hideable[data-v-e2e12602] { display: none; } .header .logo[data-v-e2e12602] { max-width: 20rem; max-height: 3rem; padding: .5rem; } .expand[data-v-e2e12602] { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: .5rem 0; font-weight: bold; font-size: .9rem; cursor: pointer; } .expand .icon[data-v-e2e12602] { fill: rgba(0, 0, 0, 0.5); margin: 0 .5rem; } .expand:hover .icon[data-v-e2e12602] { fill: rgba(0, 0, 0, 0.7); } .expand-sidebar[data-v-e2e12602]:hover { background: rgba(0, 0, 0, 0.1); } .expand-header[data-v-e2e12602] { display: none; } .expand-header[data-v-e2e12602]:hover { background: rgba(0, 0, 0, 0.1); } .collapse-header[data-v-e2e12602] { width: 100%; display: none; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0; background: #222; } .collapse-header .icon[data-v-e2e12602] { width: 100%; fill: rgba(255, 255, 255, 0.5); padding: .5rem 0; } .collapse-header:hover .icon[data-v-e2e12602] { background: rgba(255, 255, 255, 0.075); fill: #fff; } .sites.compact[data-v-e2e12602] { display: none; background: #222; grid-row: 1; } @media (max-width: 1200px) { .header[data-v-e2e12602], .header.hideable[data-v-e2e12602] { display: -webkit-box; display: flex; } .sites.compact[data-v-e2e12602] { display: -webkit-box; display: flex; } .sites.compact.expanded[data-v-e2e12602] { display: grid; } .expand-header[data-v-e2e12602], .collapse-header[data-v-e2e12602] { display: -webkit-box; display: flex; } .expand-sidebar[data-v-e2e12602], .collapse-sidebar[data-v-e2e12602] { display: none; } .network[data-v-e2e12602] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .sidebar[data-v-e2e12602] { display: none; height: auto; width: 100%; overflow: hidden; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tile[data-v-8b4c90b0] { background: #222; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; box-sizing: border-box; padding: .5rem 1rem; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 100%; text-align: center; } .link[data-v-8b4c90b0] { text-decoration: none; } .logo[data-v-8b4c90b0] { width: 100%; height: 5rem; color: #222; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -o-object-fit: contain; object-fit: contain; font-size: 1rem; font-weight: bold; -webkit-filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)); } .title[data-v-8b4c90b0] { color: #222; height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin: 0; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .networks[data-v-4709d404] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); grid-gap: 1rem; padding: 1rem; } @media (max-width: 720px) { .networks[data-v-4709d404] { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .photos[data-v-0a0430c7] { display: inline-grid; grid-template-columns: repeat(auto-fit, 12rem); grid-gap: .5rem; font-size: 0; } .photos .avatar-link[data-v-0a0430c7] { display: none; } .photos.compact .photo[data-v-0a0430c7] { width: auto; } .photo[data-v-0a0430c7] { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } @media (min-width: 1200px) { .photos.wide[data-v-0a0430c7] { max-width: 30vw; } } @media (max-width: 1200px) { .photos[data-v-0a0430c7] { width: 100%; max-width: 100%; display: -webkit-box; display: flex; overflow-x: scroll; scrollbar-width: none; } .photos .avatar-link[data-v-0a0430c7] { display: inline-block; } .photos[data-v-0a0430c7]::-webkit-scrollbar { display: none; } .photo-link[data-v-0a0430c7] { height: 15rem; flex-shrink: 0; margin: 0 .5rem 0 0; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .actor-inner[data-v-ea0483c2] { height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0; overflow-x: auto; } .profile[data-v-ea0483c2] { background: #222; color: rgba(255, 255, 255, 0.9); width: 100%; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-shrink: 0; } .profile .avatar-link[data-v-ea0483c2] { font-size: 0; padding: 1rem 0 1rem 1rem; } .profile .avatar[data-v-ea0483c2] { height: 15rem; width: 12rem; flex-shrink: 0; margin: 0 1rem 0 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; } .bio[data-v-ea0483c2] { -webkit-box-flex: 1; flex-grow: 1; min-width: 20rem; box-sizing: border-box; padding: 1rem; margin: 0 2rem 0 0; } .bio-header[data-v-ea0483c2] { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0 0 1rem 0; } .bio-item[data-v-ea0483c2] { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 0 0 .25rem 0; margin: 0 0 .25rem 0; line-height: 1.75; text-align: right; font-size: .9rem; font-weight: 600; } .bio-item[data-v-ea0483c2]:not(:last-of-type) { border-bottom: solid 1px rgba(255, 255, 255, 0.075); } .bio-label[data-v-ea0483c2] { color: rgba(255, 255, 255, 0.5); margin: 0 1rem 0 0; flex-shrink: 0; font-style: normal; font-weight: 400; } .bio-label .icon[data-v-ea0483c2] { fill: rgba(255, 255, 255, 0.5); margin: 0 .5rem 0 0; } .bio-value[data-v-ea0483c2] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flag[data-v-ea0483c2] { margin: 0 .25rem 0 0; } .bio-name[data-v-ea0483c2] { display: inline-block; padding: 0; margin: 0; } .bio-gender[data-v-ea0483c2] { display: inline-block; font-weight: bold; text-transform: capitalize; font-weight: normal; } .bio-gender .icon[data-v-ea0483c2] { width: 1.25rem; height: 1.25rem; } .bio-gender.female .icon[data-v-ea0483c2] { fill: #f0a; } .bio-gender.male .icon[data-v-ea0483c2] { fill: #0af; } .birthdate[data-v-ea0483c2] { display: block; } .age[data-v-ea0483c2] { font-weight: bold; padding: 0 0 0 .5rem; border-left: solid 1px rgba(255, 255, 255, 0.2); margin: 0 0 0 .5rem; } .country[data-v-ea0483c2] { display: block; } .height-imperial[data-v-ea0483c2], .weight-imperial[data-v-ea0483c2] { padding: 0 0 0 .5rem; border-left: solid 1px rgba(255, 255, 255, 0.2); margin: 0 0 0 .5rem; } .enhanced.icon[data-v-ea0483c2] { fill: #ff6c88; padding: 0 .5rem; } .scraped[data-v-ea0483c2] { color: rgba(255, 255, 255, 0.2); margin: 1rem 0 0 0; font-size: .8rem; } .extra[data-v-ea0483c2] { -webkit-box-flex: 1; flex-grow: 1; } .description[data-v-ea0483c2] { max-height: 12rem; position: relative; display: block; box-sizing: border-box; padding: 1rem 0 0 0; margin: 0 2rem 0 0; line-height: 1.5; text-overflow: ellipsis; font-size: .9rem; overflow: auto; scrollbar-width: none; } .description[data-v-ea0483c2]::-webkit-scrollbar { display: none; } .social[data-v-ea0483c2] { display: block; margin: 1rem 0; } .social-link[data-v-ea0483c2] { display: inline-block; padding: 0 1rem 0 0; } .social-link .icon[data-v-ea0483c2] { color: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, 0.5); width: 1.5rem; height: 1.5rem; } .social-link:hover .icon[data-v-ea0483c2] { fill: #ff6c88; } .actor-content[data-v-ea0483c2] { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .heading[data-v-ea0483c2] { padding: 0; margin: 0 0 1rem 0; } .photos-container[data-v-ea0483c2] { min-width: 15rem; box-sizing: border-box; border-right: solid 1px rgba(0, 0, 0, 0.1); padding: 1rem 1.5rem 1rem 1rem; margin: 0 .5rem 0 0; } .photos.compact[data-v-ea0483c2] { display: none; } .releases[data-v-ea0483c2] { -webkit-box-flex: 1; flex-grow: 1; padding: 1rem; } @media (max-width: 1500px) { .description[data-v-ea0483c2] { display: none; } } @media (max-width: 1200px) { .profile .avatar-link[data-v-ea0483c2], .extra[data-v-ea0483c2] { display: none; } .actor-content[data-v-ea0483c2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .photos-container[data-v-ea0483c2] { border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); margin: 0 0 .5rem 0; } .photos[data-v-ea0483c2] { display: none; } .photos.compact[data-v-ea0483c2] { display: -webkit-box; display: flex; } } @media (max-width: 720px) { .profile[data-v-ea0483c2] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0 0 .5rem 0; } .bio[data-v-ea0483c2] { width: 100%; padding: 0 1rem; margin: 0; } .bio-header[data-v-ea0483c2] { margin: 1rem 0; } .city[data-v-ea0483c2], .state[data-v-ea0483c2], .ethnicity[data-v-ea0483c2], .residence[data-v-ea0483c2], .weight[data-v-ea0483c2], .tattoos[data-v-ea0483c2], .piercings[data-v-ea0483c2], .scraped[data-v-ea0483c2] { display: none; } .social[data-v-ea0483c2] { padding: 0 1rem; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .actors[data-v-4f34b238] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 0.5fr)); grid-gap: 0 .5rem; padding: 1rem; } @media (max-width: 720px) { .actors[data-v-4f34b238] { grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .photos[data-v-9d950ba8] { background: #222; display: -webkit-box; display: flex; padding: 0 1rem; overflow: hidden; } .photos.compact[data-v-9d950ba8] { display: none; padding: 0 1rem 1rem 1rem; overflow-x: auto; } .photos.compact .photos-inner[data-v-9d950ba8] { max-width: 100%; display: -webkit-inline-box; display: inline-flex; } .photos.compact .poster[data-v-9d950ba8], .photos.compact .photo[data-v-9d950ba8] { height: 10rem; width: auto; margin: 0 1rem 0 0; } .poster[data-v-9d950ba8], .photo[data-v-9d950ba8] { width: 100%; margin: 0 0 .5rem 0; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .description a { color: #cc4466; text-decoration: inherit; } .description a:hover { color: #ff6c88; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tag[data-v-7f130e7f] { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex-grow: 1; overflow: hidden; } .tag.nomedia[data-v-7f130e7f] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .tag.nomedia .sidebar[data-v-7f130e7f] { display: none; } .tag.nomedia .header[data-v-7f130e7f] { display: -webkit-box; display: flex; } .content-inner[data-v-7f130e7f] { padding: 0; } .header[data-v-7f130e7f] { background: #222; color: #fff; display: none; padding: .5rem 1rem; } .header .title[data-v-7f130e7f] { margin: 0 2rem 0 0; } .header .description[data-v-7f130e7f] { padding: 0; } .sidebar[data-v-7f130e7f] { background: #222; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 25rem; box-sizing: border-box; overflow: hidden; } .sidebar .title[data-v-7f130e7f] { padding: 1rem; } .sidebar .description[data-v-7f130e7f] { padding: 0 1rem; margin: -1rem 0 0 0; } .sidebar.empty[data-v-7f130e7f] { display: none; } .sidebar-content[data-v-7f130e7f] { overflow-y: auto; } .title[data-v-7f130e7f] { padding: 0; margin: 0; flex-shrink: 0; text-transform: capitalize; } .title .icon[data-v-7f130e7f] { fill: #fff; width: 1.25rem; height: 1.25rem; } .description[data-v-7f130e7f] { margin: 0; line-height: 1.5; } .releases[data-v-7f130e7f] { padding: 1rem; } @media (max-width: 1200px) { .tag[data-v-7f130e7f] { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .sidebar[data-v-7f130e7f] { display: none; } .header[data-v-7f130e7f] { display: -webkit-box; display: flex; } .photos.compact[data-v-7f130e7f] { display: -webkit-box; display: flex; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tile[data-v-602c6fd8] { color: #222; background: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; box-sizing: border-box; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); text-align: center; text-decoration: none; } .poster[data-v-602c6fd8] { width: 100%; height: 14rem; -o-object-fit: cover; object-fit: cover; } .title[data-v-602c6fd8] { height: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 1rem; padding: .5rem 1rem; font-weight: bold; text-transform: capitalize; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .tags[data-v-66fa6284] { padding: 1rem; } .tiles[data-v-66fa6284] { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); grid-gap: .5rem; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .errorpage[data-v-29109daf] { background: #fff; color: #ff6c88; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 2rem; } .error[data-v-29109daf] { margin: 0; } .home[data-v-29109daf] { color: rgba(0, 0, 0, 0.5); margin: 3rem 0; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .noselect { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; } .nolist { list-style: none; padding: 0; margin: 0; } .nolist li { display: inline-block; padding: 0; margin: 0; } .tooltip { display: block !important; z-index: 10000; } .tooltip .tooltip-inner { max-width: 20rem; background: #222; color: white; border-radius: 16px; padding: 5px 10px 4px; } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #222; z-index: 1; } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: black; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden='true'] { visibility: hidden; opacity: 0; /* transition: opacity .15s, visibility .15s; */ } .tooltip[aria-hidden='false'] { visibility: visible; opacity: 1; /* transition: opacity .15s; */ } html, body { height: 100%; } body { color: #222; margin: 0; font-family: Verdana, sans-serif; } .nolist { list-style: none; padding: 0; margin: 0; } .nolist li { display: inline-block; } .heading { color: rgba(0, 0, 0, 0.5); padding: 0; margin: 0 0 1rem 0; font-size: 1.5rem; } .icon.icon-href { fill: rgba(0, 0, 0, 0.5); } .icon.icon-href :hover { fill: #ff6c88; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .header[data-v-10b7ec04] { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; background: #fff; color: #ff6c88; border-bottom: solid 1px rgba(0, 0, 0, 0.1); font-size: 0; } .logo-link[data-v-10b7ec04] { color: inherit; display: inline-block; text-decoration: none; } .logo[data-v-10b7ec04] { display: inline-block; padding: .5rem 1rem; margin: 0 1rem 0 0; font-size: 2rem; } .logo .icon[data-v-10b7ec04] { width: 6rem; height: 1.5rem; } .nav[data-v-10b7ec04] { display: inline-block; } .nav-link[data-v-10b7ec04] { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 1rem 1rem calc(1rem - 5px) 1rem; border-bottom: solid 5px transparent; color: rgba(0, 0, 0, 0.5); text-decoration: none; font-size: .9rem; font-weight: bold; } .nav-link .icon[data-v-10b7ec04] { fill: rgba(0, 0, 0, 0.5); margin: 0 .5rem 0 0; } .nav-link.active[data-v-10b7ec04] { color: #ff6c88; border-bottom: solid 5px #ff6c88; } .nav-link.active .icon[data-v-10b7ec04] { fill: #ff6c88; } .nav-link[data-v-10b7ec04]:hover:not(.active) { color: #ff6c88; } .nav-link:hover:not(.active) .icon[data-v-10b7ec04] { fill: #ff6c88; } @media (max-width: 540px) { .nav-label[data-v-10b7ec04] { display: none; } .nav .nolist[data-v-10b7ec04] { display: -webkit-box; display: flex; } .nav[data-v-10b7ec04], .nav-item[data-v-10b7ec04] { -webkit-box-flex: 1; flex-grow: 1; } } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .container { background: #fafafa; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; } .content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; overflow-y: auto; } .content-inner { -webkit-box-flex: 1; flex-grow: 1; padding: 1rem; overflow-y: auto; } /* $primary: #ff886c; */ /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */ .icon { fill: #222; display: inline-block; flex-shrink: 0; width: 1rem; height: 1rem; } .icon svg { width: 100%; height: 100%; } .icon.active { fill: rgba(0, 0, 0, 0.5); } .icon.active:hover { fill: #222; cursor: pointer; }