Newer
Older
anicusi / css / style.min.css.map
@Eugene Eugene on 11 Apr 35 KB init
{"version":3,"sources":["base.scss","utils.scss","vars.scss","mixins.scss","components/navbar.scss","components/search-bar.scss","components/navigation-main.scss","components/alert.scss","components/thumbnail.scss","components/item-card.scss","components/single-item.scss","components/torrents.scss","components/tabs.scss","pages/login.scss","pages/single.scss","pages/favourites.scss","pages/not-found.scss","night-mode.scss"],"names":[],"mappings":"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","file":"style.min.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');\n\n* {\n\tmargin: 0;\n\tpadding: 0;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: #333; \n}\n \n::-webkit-scrollbar-thumb {\n  background: #555; \n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: #666; \n}\n\n[type=\"search\"]::-webkit-search-cancel-button{\n  display: none;    \n}\n\nbody {\n\tbackground-color: $color-bg;\n\tcolor: $color-text; \n\tfont-family: $font-family;\n}\n\n.page {\n\tmargin-top: 50px;\n\tpadding-top: $std-pd-xl;\n\tpadding-bottom: $std-pd-xl;\n}\n\n.container {\n\twidth: 100%;\n\tmax-width: 1200px;\n\tpadding-right: $std-pd-lg;\n\tpadding-left: $std-pd-lg;\n\tmargin-right: auto;\n\tmargin-left: auto;\n\tbox-sizing: border-box;\n\n\t@include media(\"max\", \"md\"){\n\t\tpadding-right: $std-pd-md;\n\t\tpadding-left: $std-pd-md;\n\t}\n}\n\n.form {\n\tdisplay: block;\n\tmargin-top: $std-mg-lg;\n\tmargin-bottom: $std-mg-lg;\n\tpadding: $std-pd-xl;\n\tborder-radius: $border-rad-xl;\n\tbackground-color: $color-bg-card;\n\n\t@include media(\"max\", \"sm\") {\n\t\tpadding: $std-pd-lg;\n\t}\n}\n\n.form-group {\n\tmargin: $std-mg-md 0;\n\tposition: relative;\n\n\t.form-label {\n\t\tdisplay: block;\n\t\tmargin-bottom: 2px;\n\t\tfont-size: 13px;\n\t}\n\n\t.std-input[type=\"checkbox\"],\n\t.std-input[type=\"radio\"] {\n\t\tfloat: left;\n\t\tmargin-right: 6px;\n\t\twidth: auto;\n\n\t\t& + .form-label {\n\t\t\tposition: relative;\n\t\t\ttop: 2px;\n\t\t}\n\t}\n\n\t.input-counter {\n\t\tposition: absolute;\n\t\tright: 5px;\n\t\ttop: 0px;\n\t\tfont-size: $fsize-sm;\n\t\ttext-align: right;\n\t\twidth: 50px;\n\t\tdisplay: none;\n\n\t\t&.show {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n.std-input {\n\twidth: 100%;\n\tpadding: 8px 10px;\n\tborder: $border-1;\n\tborder-radius: $border-rad-md;\n\tfont-size: 15px;\n\tbox-sizing: border-box;\n\ttransition-duration: $trans-du;\n\ttransition-property: border-color;\n\tcolor: $color-text;\n\tbackground-color: $color-bg-card;\n\n\t&:focus {\n\t\tborder-color: $color-primary;\n\t\toutline: none;\n\t}\n\n\t&.error {\n\t\tborder-color: $color-danger;\n\t}\n\n\t&[type=\"checkbox\"] {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t\tmargin: 0;\n\t\tmargin-right: $std-mg-xsm;\n\t}\n\n\t&::placeholder {\n\t\tfont-family: $font-family;\n\t\tcolor: $color-text-lite;\n\t}\n}\n\ntextarea.std-input {\n\tresize: none;\n\tmin-height: 100px;\n}\n\n.std-btn {\n\tpadding: 8px 10px;\n\tborder: 2px solid #666;\n\tborder-radius: $border-rad-md;\n\tfont-size: 15px;\n\tmax-height: 37px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: $std-mg-xsm;\n\tbox-sizing: border-box;\n\ttransition-duration: $trans-du;\n\ttransition-property: color, background-color;\n\n\t.mdi {\n\t\tfont-size: 20px;\n\t\tposition: relative;\n\t\ttop: 1px;\n\t}\n\n\t&.btn-primary {\n\t\tbackground-color: $color-primary;\n\t\tborder-color: $color-primary;\n\t\tcolor: $color-text-inverted;\n\n\t\t&:hover {\n\t\t\tcolor: $color-primary;\n\t\t}\n\t}\n\n\t&.btn-success {\n\t\tbackground-color: $color-success;\n\t\tborder-color: $color-success;\n\t\tcolor: $color-text;\n\t\t\n\t\t&:hover {\n\t\t\tcolor: $color-success;\n\t\t}\n\t}\n\n\t&.btn-warning {\n\t\tbackground-color: $color-warning;\n\t\tborder-color: $color-warning;\n\t\tcolor: $color-text;\n\t}\n\n\t&.btn-danger {\n\t\tbackground-color: $color-danger;\n\t\tborder-color: $color-danger;\n\t\tcolor: $color-text-inverted;\n\t\t\n\t\t&:hover {\n\t\t\tcolor: $color-danger;\n\t\t}\n\t}\n\n\t&.btn-default {\n\t\tbackground-color: $color-addition;\n\t\tborder-color: $color-addition;\n\t\tcolor: $color-text;\n\t}\n\n\t&:hover {\n\t\tbackground-color: transparent;\n\t}\n\n\t&.btn-circle {\n\t\tborder-radius: 100%;\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tborder: 0;\n\t\tcolor: $color-text;\n\t\t\n\t\t.mdi {\n\t\t\tfont-size: 24px;\n\t\t}\n\t}\n\n\t&.btn-remove {\n\t\t&:hover {\n\t\t\tbackground-color: $color-danger;\n\t\t\tcolor: $color-text-inverted;\n\t\t}\n\t}\n\n\t&.btn-popup-close {\n\t\tdisplay: flex;\n\t\theight: 40px;\n\t\twidth: 40px;\n\t\tmax-width: initial;\n\t\tmax-height: initial;\n\t\tfont-size: 20px;\n\t\tborder-radius: 100%;\n\t\tborder: 0;\n\t\talign-items: center;\n\t\tpadding: 0;\n\t\tjustify-content: center;\n\t\tcolor: $color-text;\n\t\ttransition-property: transform, opacity, visibility, background-color, color; \n\n\t\t&:hover {\n\t\t\tbackground-color: $color-danger;\n\t\t\ttransform: rotate(90deg);\n\t\t\tcolor: $color-text-inverted;\n\t\t\tbackground-color: $color-danger;\n\t\t}\n\t}\n\n\t&.btn-buy {\n\t\tfont-size: $fsize-lg;\n\n\t\t&:hover {\n\t\t\tbackground-color: #fff;\n\t\t\tcolor: $color-success;\n\t\t}\n\t}\n\n\t&.disable {\n\t\tbackground-color: $color-disable !important;\n\t\tborder-color: $color-disable !important;\n\t\tcolor: $color-text !important;\n\n\t\t&:hover {\n\t\t\tbackground-color: $color-disable !important;\n\t\t\tcolor: $color-text !important;\n\t\t}\n\t}\n}\n\n.no-matter-text {\n\tfont-size: $fsize-xsm;\n\tcolor: $color-text-lite;\n}\n\na {\n\tcolor: $color-primary;\n\ttext-decoration: none;\n\tdisplay: inline-block;\n\tborder-bottom: 1px solid $color-primary;\n\ttransition-duration: $trans-du;\n\ttransition-property: color, border-color;\n\n\t&:hover {\n\t\tcolor: $color-success;\n\t\tborder-color: $color-success\n\t}\n}\n\nul {\n\tlist-style-type: none;\n}\n\np {\n\tmargin: $std-pd-md 0;\n}\n\nhr {\n\theight: 1px;\n\tborder: 0;\n\tbackground: $color-disable;\n\tmargin: $std-mg-xl 0;\n}\n\n.label {\n\tdisplay: inline-block;\n\tfont-size: $fsize-md;\n\tpadding: $std-pd-xsm $std-pd-sm $std-pd-xsm - 1 $std-pd-sm;\n\tbackground-color: $color-addition;\n\tcolor: $color-text;\n\tborder-radius: $border-rad-sm;\n\n\t&.label-primary {\n\t\tbackground-color: $color-primary;\n\t\tcolor: $color-text-inverted;\n\t}\n\n\t&.label-success {\n\t\tbackground-color: $color-success;\n\t}\n\n\t&.label-warning {\n\t\tbackground-color: $color-warning;\n\t}\n\n\t&.label-danger {\n\t\tbackground-color: $color-danger;\n\t\tcolor: $color-text-inverted;\n\t}\n}\n\n.popup-back-blur {\n\tposition: fixed;\n\tz-index: 150;\n\tbackground-color: rgba(0, 0, 0, .8);\n\tleft: 0;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n\topacity: 0;\n\tvisibility: hidden;\n\ttransition-duration: $trans-du;\n\ttransition-property: opacity, visibility;\n}\n\n.show > .popup-back-blur{\n\topacity: 1;\n\tvisibility: visible;\n}\n\n.card {\n\tbackground-color: $color-bg-card;\n\tborder-radius: $border-rad-lg;\n\tpadding: $std-pd-lg;\n\n\t&.card-transparent {\n\t\tbackground-color: transparent;\n\t}\n\n\t@include media(\"max\", \"md\") {\n\t\tpadding: $std-pd-md;\n\t}\n}\n\n.global-alerts-container {\n\tposition: fixed;\n\theight: auto;\n\twidth: 100%;\n\tmax-width: 400px;\n\tbottom: 0;\n\tleft: 50%;\n\tmargin-left: -200px;\n\theight: auto;\n\tz-index: 999999;\n\n\t@include media(\"max\", \"sm\") {\n\t\tmargin-left: 0;\n\t\twidth: auto;\n\t\tmax-width: initial;\n\t\tleft: $std-mg-md;\n\t\tright: $std-mg-md;\n\t} \n}\n\n.page-container {\n\tposition: relative;\n\n\t.page {\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttop: 100px;\n\t\tmax-height: 100vh;\n\t\toverflow: hidden;\n\t\ttransition-duration: $trans-du;\n\t\ttransition-property: opacity, top, visibility, overflow, max-height;\n\t\twidth: calc(100% - 36px);\n\n\t  .page-head {\n\t  \tdisplay: flex;\n\t  \tflex-direction: row;\n\t  \tflex-wrap: nowrap;\n\t  \tgap: $std-mg-lg;\n\t  \tmargin-bottom: $std-pd-lg;\n\n\t  \t.preload-spinner {\n\t  \t\tmargin: 0;\n\t\t\t\twidth: auto;\n\t  \t}\n\n  \t\t@include media(\"max\", \"md\") {\n  \t\t\tjustify-content: center;\n  \t\t\tmargin-bottom: $std-pd-md;\n  \t\t}\n\t  \t\n\t  \t@include media(\"max\", \"lg\") {\n\t  \t\tgap: $std-mg-md;\n\t  \t}\n\t  }\n\n\t  @include media(\"max\", \"lg\") {\n\t  \twidth: calc(100% - 36px);\n\t  }\n\n\t  @include media(\"max\", \"md\") {\n\t  \twidth: calc(100% - 22px);\n\t  }\n\t}\n\n\t.page.show {\n\t\ttop: 0;\n\t\toverflow: initial;\n\t\tmax-height: initial;\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}\n\n.preload-spinner {\n\twidth: 100%;\n\tmargin: $std-mg-xxl 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\n\t.spinner {\n\t\twidth: 50px;\n\t\theight: 50px;\n\t}\n}\n\n.render-container.grid {\n\twidth: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n\tgap: $std-mg-md;\n\tmargin-top: $std-mg-lg;\n\n\t@include media(\"max\", \"xl\") {\n  \tgrid-template-columns: 1fr 1fr 1fr;\n\t\tjustify-content: space-evenly;\t\n\t}\n\n\t@include media(\"max\", \"md\") {\n  \tgrid-template-columns: 1fr 1fr;\n\t} \n\n\t@include media(\"max\", \"sm\") {\n\t\tgap: $std-mg-sm;\n\t}\n\n\t@include media(\"max\", \"xs\") {\n  \tgrid-template-columns: 1fr;\n\t}\n}\n\n.genre-btn {\n\tmargin-right: $std-mg-xsm;\n\tmargin-top: $std-mg-xsm;\n\tpadding: 3px 5px;\n\n\t&.active {\n\t\tbackground-color: $color-primary;\n\t\tcolor: $color-text-inverted;\n\t}\n}\n\n.more-btn-wrap {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: $std-mg-xl 0;\n\n\t.preload-spinner {\n\t\tmargin: $std-mg-lg 0;\n\t}\n}\n\n.item-link {\n\tdisplay: flex;\n}\n\n.go-to-top {\n\tposition: fixed;\n\tz-index: 999999;\n\tbottom: 60px;\n\tright: $std-mg-lg;\n\topacity: 0;\n\tvisibility: hidden;\n\ttransition-duration: $trans-du;\n\ttransition-property: visibility, opacity;\n\t\n\t@include media(\"max\", \"md\") {\n\t\tright: $std-mg-md;\n\t}\n\n\t&.show {\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n}",".dnone {\n\tdisplay: none !important;\n}\n\n.hide {\n\tvisibility: hidden;\n\topacity: 0;\n\tcursor: default;\n}\n\n.std-row {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tgap: $std-mg-lg;\n\talign-items: center;\n\n\t&.space-between {\n\t\tjustify-content: space-between;\n\t}\n}\n\na.no-decoration,\na.no-decoration:hover {\n\tborder: 0;\n\tcolor: $color-text;\n}\n\n.collapse:not(.collapse-show) {\n\tdisplay: none;\n}\n\n/* PRELOADER */\n\n@keyframes ldio-jyt13pqa73-o {\n\t\t0%    { opacity: 1; transform: translate(0 0) }\n\t 49.99% { opacity: 1; transform: translate(40px,0) }\n\t 50%    { opacity: 0; transform: translate(40px,0) }\n\t100%    { opacity: 0; transform: translate(0,0) }\n}\n\n@keyframes ldio-jyt13pqa73 {\n\t\t0% { transform: translate(0,0) }\n\t 50% { transform: translate(40px,0) }\n\t100% { transform: translate(0,0) }\n}\n\n.ldio-jyt13pqa73 div {\n\tposition: absolute;\n\twidth: 30px;\n\theight: 30px;\n\tborder-radius: 50%;\n\ttop: 0;\n\tleft: 0;\n}\n\n.ldio-jyt13pqa73 div:nth-child(1) {\n\tbackground: #93bfb7;\n\tanimation: ldio-jyt13pqa73 1s linear infinite;\n\tanimation-delay: -0.5s;\n}\n\n.ldio-jyt13pqa73 div:nth-child(2) {\n\tbackground: #387373;\n\tanimation: ldio-jyt13pqa73 1s linear infinite;\n\tanimation-delay: 0s;\n}\n\n.ldio-jyt13pqa73 div:nth-child(3) {\n\tbackground: #93bfb7;\n\tanimation: ldio-jyt13pqa73-o 1s linear infinite;\n\tanimation-delay: -0.5s;\n}\n\n.loadingio-spinner-dual-ball-9pyhqeozhs {\n\twidth: 88px;\n\theight: 32px;\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tbackground: none;\n}\n\n.ldio-jyt13pqa73 {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\ttransform: translateZ(0) scale(1);\n\tbackface-visibility: hidden;\n\ttransform-origin: 0 0; /* see note above */\n}\n\n.ldio-jyt13pqa73 div { box-sizing: content-box; }\n\n.preload-spinner {\n\t.loadingio-spinner-dual-ball-9pyhqeozhs {\n\t\twidth: 60px;\n\t\theight: 22px;\n\t}\n\n\t.ldio-jyt13pqa73 div {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n}","$color-primary: #93BFB7;\n$color-success: #387373;\n$color-warning: #BF665E;\n$color-danger: #E1523D;\n$color-addition: #121212;\n$color-disable: #333;\n\n$color-text: #eee;\n$color-text-night: #ccc;\n$color-text-inverted: #333;\n$color-text-lite: #bbb;\n$color-text-hard: #111;\n\n$color-link: $color-primary;\n$color-link-hover: $color-success;\n$color-bg: $color-addition;\n$color-bg-card: #1a2527;\n$color-bg-card-alt: #1a2527; \n$color-info: $color-primary;\n\n$std-mg-xsm: 5px;\n$std-mg-sm: 8px;\n$std-mg-md: 12px;\n$std-mg-lg: 18px;\n$std-mg-xl: 35px;\n$std-mg-xxl: 40px;\n\n$std-pd-xsm: 5px;\n$std-pd-sm: 8px;\n$std-pd-md: 12px;\n$std-pd-lg: 18px;\n$std-pd-xl: 35px;\n$std-pd-xxl: 40px;\n\n$fsize-xsm: .75em;\n$fsize-sm: .9em;\n$fsize-md: 1em;\n$fsize-lg: 1.1em;\n$fsize-xl: 1.4em;\n$fsize-xxl: 2em;\n\n$border-rad-sm: 3px;\n$border-rad-md: 4px;\n$border-rad-lg: 6px;\n$border-rad-xl: 8px;\n\n$border-1: 1px solid #aaa;\n$border-2: 1px solid #ddd;\n\n$shadow-sm: 0 0 2px 3px rgba(40, 40, 40, .05);\n$shadow-md: 1px 1px 3px 3px rgba(40, 40, 40, .05);\n$trans-du: .15s;\n\n$sizes: (\n\t\"xs\": 360, \n\t\"sm\": 576, \n\t\"md\": 768, \n\t\"lg\": 992, \n\t\"xl\": 1200\n);\n\n$page-content-max-width: 1200px;\n$font-family: 'Nunito', sans-serif;","@mixin media($minmax, $media) {\n\t@each $size, $resolution in $sizes {\n\t\t@if $media == $size {\n\t\t\t@if $minmax == \"max\" {\n\t\t\t\t@media only screen and (#{$minmax}-width: #{$resolution}px) {\n\t\t\t\t\t@content;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@if $minmax == \"min\" {\n\t\t\t\t@media only screen and (#{$minmax}-width: #{$resolution + 1}px) {\n\t\t\t\t\t@content;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",".component.navbar {\n\tposition: fixed;\n\tleft: 0;\n\ttop: 0;\n\twidth: 100%;\n\theight: 50px;\n\tbackground: $color-bg-card-alt;\n\tbox-shadow: $shadow-md;\n\tz-index: 100;\n\n\t.navbar-container {\n\t\tmax-width: $page-content-max-width;\n\t\theight: inherit;\n\t\toverflow: visible;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: max-content 320px auto 90px;\n\t\tgrid-gap: $std-mg-lg;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\n\t\t@include media(\"max\", \"lg\") {\n\t\t\tgrid-template-columns: max-content 400px max-content;\n\t\t}\n\n\t\t@include media(\"max\", \"md\") {\n\t\t\tgrid-template-columns: max-content 300px max-content;\n\t\t}\n\n\t\t@include media(\"max\", \"sm\") {\n\t\t\tgrid-template-columns: 80% max-content;\n\t\t}\n\n\t\t.btn-nav-on-mob-show {\n\t\t\tbackground: transparent;\n\t\t\tborder: 0;\n\t\t\tdisplay: none;\n\t\t\twidth: 40px;\n\t\t\ttext-align: center;\n\t\t\tline-height: 100%;\n\t\t\tfont-size: 24px;\n\t\t\tcolor: $color-text;\n\t\t\ttransition-property: color;\n\t\t\ttransition-duration: $trans-du;\n\n\t\t\t.mdi {\n\t\t\t\t&.state-inactive {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\n\t\t\t\t&.state-active {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\t.mdi {\n\t\t\t\t\t&.state-inactive {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.state-active {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n\t\t\t\t}\t\t\t\t\n\t\t\t}\n\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $color-primary;\n\t\t\t}\n\t\t}\n\n\t\t.logo-wrapper {\n\t\t\t.logo {\n\t\t\t\t.logo-link {\n\t\t\t\t\tcolor: $color-text-lite;\n\t\t\t\t\tfont-size: $fsize-lg;\n\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: row;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tgap: 10px;\n\n\t\t\t\t\t@include media(\"max\", \"xl\") {\n\t\t\t\t\t\tfont-size: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\twidth: 35px;\n\t\t\t\t\theight: 35px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(\"max\", \"sm\"){ \n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.search-bar-wrapper {}\n\n\t\t.userbar-wrapper,\n\t\t.navigation-main-wrapper {\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\tvisibility: hidden;\n\t\t\t\topacity: 0;\n\t\t\t\tposition: fixed;\n\t\t\t\twidth: 260px;\n\t\t\t\tright: -270px;\n\t\t\t\tz-index: 100;\n\t\t\t\ttransition-duration: $trans-du;\n\t\t\t\ttransition-property: right, visibility, opacity;\n\t\t\t}\n\n\t\t\t&.show {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t}\n\n\t\t.navigation-main-wrapper {\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\ttop: 50px;\n\t\t\t\theight: calc(100% - 50px);\n\t\t\t\tbackground: $color-bg-card;\n\t\t\t\tbox-shadow: $shadow-md;\n\t\t\t}\n\t\t}\n\n\t\t.userbar-wrapper {\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\tbottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t.auth-btns-group {\n\t\tdisplay: flex;\n\t\tgap: $std-mg-lg;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\n\t\t@include media(\"max\", \"lg\") {\n\t\t\tflex-direction: column;\n\t\t\tmargin-top: $std-mg-lg;\n\t\t\tpadding: $std-pd-lg;\n\n\t\t\t.std-btn {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n",".component.search-bar {\n\t.search-field-container {\n\t\tdisplay: grid;\n\t\talign-items: center;\n\t\tposition: relative;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\t\n\t\t.search-field {\n\n\t\t}\n\n\t\t.submit {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: auto;\n\t\t\tright: 0;\n\t\t\twidth: 34px;\n\t\t\theight: 30px;\n\t\t\tbackground: transparent;\n\t\t\tborder: 0;\n\t\t\tcolor: $color-primary;\n\t\t\tfont-size: 20px;\n\t\t\ttext-align: center;\n\t\t\tline-height: 30px;\n\t\t}\n\t}\n}",".component.navigation-main {\n\t.nav-list {\n\t\tdisplay: flex;\n\t\tgap: $std-mg-lg;\n\t\talign-items: center;\n\n\t\t@include media(\"max\", \"lg\") {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 0;\n\t\t}\t\n\n\t\t.nav-list-item {\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\twidth: 100%;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\n\t\t\t.nav-link {\n\t\t\t\tfont-size: $fsize-sm;\n\t\t\t\tcolor: $color-text;\n\t\t\t\tborder: 0;\n\t\t\t\tpadding: 10px 0;\n\n\t\t\t\t&:hover, \n\t\t\t\t&.active {\n\t\t\t\t\tcolor: $color-primary;\n\n\t\t\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, .05);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\t\tpadding: $std-pd-lg;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tfont-size: $fsize-md;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.create-uadpost {\n\t\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\t\twidth: -webkit-fill-available;\n\t\t\t\t\tmargin: $std-mg-lg;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}",".component.alert {\n\twidth: 100%;\n\tmin-height: 37px;\n\tmargin: $std-mg-lg 0;\n\tborder-radius: $border-rad-md;\n\tposition: relative;\n\tcolor: $color-text;\n\tvisibility: hidden;\n\topacity: 0;\n\ttop: 7px;\n\ttransition-duration: $trans-du;\n\ttransition-property: top, visibility, opacity;\n\n\t&.show {\n\t\ttop: 0;\n\t\topacity: 1;\n\t\tvisibility: visible;\n\t}\n\n\t.content {\n\t\twidth: 100%;\n\t\tpadding: $std-pd-md;\n\t\tpadding-right: $std-pd-lg;\n\t\tfont-size: 15px;\n\t\tcolor: inherit;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.close-alert {\n\t\tbackground: transparent;\n\t\tcolor: inherit;\n\t\tborder: 0;\n\t\tposition: absolute;\n\t\tfont-size: 20px;\n\t\tright: 6px;\n\t\ttop: 10px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder-radius: 100%;\n\t\ttransition-duration: $trans-du;\n\t\ttransition-property: transform, top, right;\n\n\t\t&:hover {\n\t\t\ttransform: rotate(90deg);\n\t\t\ttop: 9px;\n\t\t\tright: 7px;\n\t\t}\n\t}\n\n\t&.alert-danger {\n\t\tbackground-color: $color-danger;\n\t\tcolor: $color-text;\n\t}\n\n\t&.alert-warning {\n\t\tbackground-color: $color-warning;\n\t\tcolor: $color-text-inverted;\n\t}\n\n\t&.alert-info {\n\t\tbackground-color: $color-info;\n\t\tcolor: $color-text-inverted;\n\t}\n\n\t&.alert-success {\n\t\tbackground-color: $color-success;\n\t}\n\n\t&.alert-default {\n\t\tbackground-color: $color-addition;\n\t}\n}",".component.thumbnail {\n\tposition: relative;\n\tfont-size: 0;\n\tmargin-bottom: $std-mg-sm;\n\n\n\t.thumbnail-img, .poster-placeholder {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tobject-fit: cover;\n\t\tborder-radius: $border-rad-lg;\n\t}\n\n\t.thumbnail-img {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\topacity: 0;\n\t\ttransition-duration: $trans-du;\n\t\ttransition-property: opacity;\n\t}\n\t\n\t&.load-ready {\n\t\t.thumbnail-img {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.thumb-label {\n\t\tposition: absolute;\n\t\tbottom: 3px;\n\t\tpadding: 2px $std-pd-xsm;\n\t\tcolor: $color-text;\n\t\tbackground-color: $color-bg;\n\t\tborder-radius: $border-rad-sm;\n\t\tfont-size: 12px;\n\t}\n\n\t.series {\n\t\tright: 3px;\n\t}\n\n\t.status {\n\t\tleft: 3px;\n\t}\n\n\t.watched {\n\t\ttop: 3px;\n\t\tbottom: auto;\n\t\tright: 3px;\n\t\tbackground-color: $color-success;\n\t}\n\n\t.hover-effect {\n\t\tborder-radius: 100%;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tbackground-color: rgba(0, 0, 0, .7);\n\t\tcolor: #fff;\n\t\tfont-size: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tposition: absolute;\n\t\ttop: calc(50% - 20px);\n\t\tleft: calc(50% - 20px);\n\t\topacity: 0;\n\t\ttransition-duration: $trans-du*1.25;\n\t\ttransition-property: opacity;\n\n\t\t.mdi {\n\t\t\tposition: relative;\n\t\t\ttop: 1px;\n\t\t\tleft: -10px;\n\t\t\ttransition-duration: $trans-du*1.25;\n\t\t\ttransition-property: left;\n\t\t}\n\t}\n}",".component.item-card {\n\twidth: auto;\n\tpadding: $std-pd-sm;\n\tbackground-color: $color-bg-card-alt;\n\tbox-sizing: border-box;\n\tborder: 1px solid transparent;\n\ttransition-duration: $trans-du;\n\ttransition-property: border-color;\n\n\t@include media(\"max\", \"sm\") {\n\t\tpadding: $std-pd-xsm;\n\t}\n\n\t&.load-ready .thumbnail-img {\n\t\topacity: 1;\n\t}\n\n\t&:hover {\n\t\tborder-color: $color-primary;\n\n\t\t.hover-effect {\n\t\t\topacity: 1;\n\n\t\t\t.mdi {\n\t\t\t\tleft: 0;\n\t\t\t}\t\n\t\t}\n\t}\n\n\t.info {\n\t\tfont-size: $fsize-sm;\n\n\t\t.title {\n\t\t\tfont-size: $fsize-lg;\n\t\t\tcolor: $color-primary;\n\t\t}\n\n\t\t.genres {\n\t\t\tmargin: $std-mg-xsm 0;\n\t\t}\n\t}\n}",".component.single-item {\n\t& > .std-row {\n\t\talign-items: flex-start;\n\t\tflex-wrap: nowrap;\n\n\t\t@include media(\"max\", \"md\") {\n\t\t\tflex-wrap: wrap;\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n\n\t.component.thumbnail {\n\t\t.thumbnail-img, .poster-placeholder {\n\t\t\twidth: 320px;\n\t\t\t\n\t\t\t@include media(\"max\", \"md\") {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.item-info {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $std-mg-sm;\n\n\t\t.title {\n\t\t\tfont-size: $fsize-xl;\n\t\t\tfont-weight: normal;\n\n\t\t\tstrong {\n\t\t\t\tcolor: $color-primary;\n\t\t\t}\n\t\t}\n\n\t\t.time-period {\n\t\t\tfont-size: $fsize-lg;\n\n\t\t\t&::first-letter {\n\t\t\t\ttext-transform: uppercase;\n\t\t\t}\n\t\t}\n\n\t\t.genres {\n\t\t\tmargin-bottom: 5px;\n\t\t}\n\n\t\t.team {\n\t\t\t.voice {\n\t\t\t\t\n\t\t\t}\n\t\t}\n\n\t\t.description {\n\t\t\tline-height: 1.3em;\n\t\t}\n\n\t\t.control-panel {\n\t\t\twidth: 100%;\n\t\t\tmargin: $std-mg-md 0;\n\t\t}\n\t}\n\n\t.tabs {\n\t\tmargin-top: $std-mg-md;\n\n\t\t.tabs-content {\n\t\t\theight: 660px;\n\t\t\t\n\t\t\t@include media(\"max\", \"lg\") {\n\t\t\t\theight: 520px;\n\t\t\t}\n\n\t\t\t@include media(\"max\", \"md\") {\n\t\t\t\theight: 410px;\n\t\t\t}\n\n\t\t\t@include media(\"max\", \"sm\") {\n\t\t\t\theight: 300px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.player {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n}",".component.torrents {\n\tdisplay: flex;\n\twidth: 100%;\n\tflex-direction: column;\n\tbackground-color: $color-addition;\n\tborder-radius: $border-rad-lg;\n\n\t.torrent {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: max-content 160px max-content max-content;\n\t\tgrid-gap: $std-mg-md;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: $std-pd-sm $std-pd-md;\n\n\t\t@include media(\"max\", \"lg\") {\n\t\t\tgrid-template-columns: max-content 160px max-content;\n\t\t\tgrid-gap: $std-mg-sm;\n\t\t}\n\n\t\t@include media(\"max\", \"sm\") {\n\t\t\tfont-size: 0.75em;\n\t\t\tgrid-template-columns: max-content max-content max-content;\n\t\t}\n\n\t\t.seed {\n\t\t\t.mdi {\n\t\t\t\tcolor: $color-success;\n\t\t\t}\n\t\t}\n\n\t\t.leech {\n\t\t\t.mdi {\n\t\t\t\tcolor: $color-danger;\n\t\t\t}\n\t\t}\n\t\t\n\t\t@include media(\"max\", \"lg\") {\n\t  \t.seed-leech {\n\t  \t\tdisplay: none;\n\t  \t}\n\n\t  \t.download .btn-label {\n\t  \t\tdisplay: none;\n\t  \t}\n\n\t  \t.download .btn-tsize {\n\t  \t\tvisibility: visible;\n\t  \t\topacity: 1;\n\t  \t}\n\t\t}\n\t}\n\n}",".component.tabs {\n\twidth: 100%;\n\n\t.tabs-nav {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: no-wrap;\n\t\tgap: 0;\n\n\t\t.tab {\n\t\t\tbackground-color: $color-bg;\n\t\t\tpadding: $std-pd-sm $std-pd-md;\n\t\t\tborder-radius: $border-rad-lg $border-rad-lg 0 0;\n\t\t\ttransition-duration: $trans-du;\n\t\t\ttransition-property: color, background-color;\n\t\t\tcursor: default;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: $color-primary;\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tbackground-color: $color-primary;\n\t\t\t\tcolor: $color-text-inverted;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $color-text-inverted;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tabs-content {\n\t\tbackground-color: $color-bg;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\tborder-radius: 0 $border-rad-xl $border-rad-xl $border-rad-xl;\n\n\t\t.tab-content {\n\t\t\tbackground-color: $color-bg;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tz-index: 1;\n\t\t\topacity: 0;\n\t\t\tvisibility: hidden;\n\t\t\ttransition-duration: $trans-du;\n\t\t\ttransition-property: opacity, visibility;\n\n\t\t\t&.active {\n\t\t\t\topacity: 1;\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\t\t}\n\t}\n}",".page.login {\n\t.login-form {\n\t\tmax-width: 400px;\n\t\tmargin: auto;\n\n\t\t.form-btns {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\tjustify-items: center;\n\t\t\tgap: $std-mg-md;\n\t\t}\n\t}\n}",".page.single {\n\t@include media(\"max\", \"sm\") {\n\t\twidth: 100%;\n\t\tmargin-left: -$std-pd-md;\n\t\tpadding-top: 0;\n\n\t\t& > .card:first-of-type {\n\t\t\tborder-radius: 0;\n\n\t\t\t.single-item {\n\t\t\t\t& > .std-row {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.thumbnail {\n\t\t\t\t\tmargin: auto;\n\t\t\t\t\tmargin-bottom: $std-mg-md;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.relevant-items-render {\n\t\t\t.item-card {\n\t\t\t\t.genres {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.meta {\n\t\t\t\t\tmargin-top: $std-mg-xsm;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}  \n}",".page.favourites {\n\t& > .card {\n\t\tbackground-color: transparent;\n\t}\n}",".page.not-found {\n\t.card {\n\t\ttext-align: center;\n\t\tmargin-top: 200px;\n\n\t\th1 {\n\t\t\tfont-size: 2.5em;\n\t\t\tmargin-bottom: $std-mg-md;\n\t\t}\n\n\t\th2 {\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n}",".component.thumbnail,\n.logo img,\n.std-btn {\n\ttransition-duration: $trans-du;\n\ttransition-property: filter;\n}\n\n.night-mode {\n\tcolor: $color-text-night;\n\t\n\t.component.navigation-main .nav-list .nav-list-item .nav-link {\n\t\tcolor: $color-text-night;\n\t}\n\n\t.component.thumbnail,\n\t.std-btn,\n\t.logo img,\n\t.component.tabs .tabs-nav .tab.active {\n\t\tfilter: brightness(.8);\n\t}\n}"]}