芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/kwesioben.com/thefirstcookout/4/dist/base.98fd6c19.css.map
{"version":3,"sources":["css/base.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"base.98fd6c19.css","sourceRoot":"../src","sourcesContent":["*,\r\n*::after,\r\n*::before {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n:root {\r\n\tfont-size: 16px;\r\n}\r\n\r\nbody {\r\n\tmargin: 0;\r\n\t--color-text: #fff;\r\n\t--color-bg: #111;\r\n\t--color-link: #aaa;\r\n\t--color-link-hover: #fff;\r\n\t--color-alt: #7f6a57;\r\n\tcolor: var(--color-text);\r\n\tbackground-color: var(--color-bg);\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\tcounter-reset: contentSection;\r\n\tfont-family: neuzeit-grotesk, sans-serif;\r\n}\r\n\r\n/* Page Loader */\r\n.js .loading::before,\r\n.js .loading::after {\r\n\tcontent: '';\r\n\tposition: fixed;\r\n\tz-index: 1000;\r\n}\r\n\r\n.js .loading::before {\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground: var(--color-bg);\r\n}\r\n\r\n.js .loading::after {\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 60px;\r\n\theight: 60px;\r\n\tmargin: -30px 0 0 -30px;\r\n\tborder-radius: 50%;\r\n\topacity: 0.4;\r\n\tbackground: var(--color-link);\r\n\tanimation: loaderAnim 0.7s linear infinite alternate forwards;\r\n\r\n}\r\n\r\n@keyframes loaderAnim {\r\n\tto {\r\n\t\topacity: 1;\r\n\t\ttransform: scale3d(0.5,0.5,1);\r\n\t}\r\n}\r\n\r\na {\r\n\ttext-decoration: underline;\r\n\tcolor: var(--color-link);\r\n\toutline: none;\r\n}\r\n\r\na:hover,\r\na:focus {\r\n\tcolor: var(--color-link-hover);\r\n\toutline: none;\r\n\ttext-decoration: none;\r\n}\r\n\r\nmain {\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n}\r\n\r\n.frame {\r\n\ttext-align: center;\r\n\tposition: relative;\r\n\tz-index: 900;\r\n}\r\n\r\n.frame__author {\r\n\ttext-decoration: none;\r\n\tcolor: var(--color-alt);\r\n}\r\n\r\n.frame__title {\r\n\tfont-size: 1rem;\r\n\tmargin: 0 0 1rem;\r\n\tfont-weight: normal;\r\n}\r\n\r\n.frame__links {\r\n\tdisplay: inline;\r\n}\r\n\r\n.frame__links a:not(:last-child),\r\n.frame__demos a:not(:last-child) {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.frame__demos {\r\n\tmargin: 1rem 0;\r\n}\r\n\r\n.frame__demo--current,\r\n.frame__demo--current:hover {\r\n\ttext-decoration: none;\r\n\tcolor: var(--color-alt);\r\n}\r\n\r\n.content {\r\n\tpadding: 3rem;\r\n\tmin-height: 90vh;\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n\tflex-direction: column;\r\n\talign-content: center;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n.content--auto {\r\n\tmin-height: 0;\r\n}\r\n\r\n.content--feature {\r\n\tjustify-content: flex-start;\r\n\tmin-height: 0;\r\n}\r\n\r\n.content--fixed {\r\n\tposition: fixed;\r\n\tz-index: 1000;\r\n\twidth: 100%;\r\n\ttop: 0;\r\n}\r\n\r\n.content__pretitle {\r\n\tmargin-top: auto;\r\n\tfont-size: 1.85rem;\r\n\tcolor: var(--color-alt);\r\n}\r\n\r\n.content__pretitle::before {\r\n\tcontent: \"\\2015\";\r\n\tmargin-right: 0.25rem;\r\n}\r\n\r\n.content__title {\r\n\tfont-size: 9vw;\r\n\tline-height: 0.8;\r\n\tmargin: 0 0 3rem 0;\r\n\tfont-weight: 400;\r\n\tmax-width: 800px;\r\n\twill-change: transform;\r\n}\r\n\r\n.content__text {\r\n\tfont-size: 2.25rem;\r\n\tfont-size: clamp(1rem, 4vw, 2.25rem);\r\n}\r\n\r\n.content__text--right {\r\n\talign-self: flex-end;\r\n}\r\n\r\n.content__text--centered {\r\n\tmargin: auto;\r\n}\r\n\r\n.content__breakout {\r\n\tmargin: 0 -3rem;\r\n\twhite-space: nowrap;\r\n\ttext-transform: uppercase;\r\n\tfont-family: span, serif;\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tcolor: #211f1b;\r\n}\r\n\r\n.content__breakout--big {\r\n\tfont-size: 13vw;\r\n\tfont-weight: 200;\r\n}\r\n\r\n.content__breakout--medium {\r\n\tfont-size: 5vw;\r\n}\r\n\r\n.tiles {\r\n\t--tiles-height: 52vw;\r\n\theight: var(--tiles-height);\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n}\r\n\r\n.tiles--columns-rotated {\r\n\t--tiles-height: 180vmax;\r\n}\r\n\r\n.tiles--columns {\r\n\t--tiles-height: 140vh;\r\n}\r\n\r\n.tiles--oneline {\r\n\t--tiles-height: 50vh;\r\n\tmin-height: 400px;\r\n\tmargin: 10vh 0;\r\n}\r\n\r\n.tiles--small {\r\n\t--tiles-height: 100px;\r\n\tmargin: 10vh 0 0;\r\n}\r\n\r\n.tiles--fixed {\r\n\t--tiles-height: 65vw;\r\n\tmargin-top: 25vh;\r\n}\r\n\r\n.tiles--perspective {\r\n\toverflow: visible;\r\n\tperspective: 1000px;\r\n\t--tiles-height: 500px;\r\n}\r\n\r\n.tiles__wrap {\r\n\twidth: 150%;\r\n\t--tileswrap-height: var(--tiles-height);\r\n\theight: var(--tileswrap-height);\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\ttransform: translate3d(-50%,-50%, 0);\r\n}\r\n\r\n.tiles--rotated .tiles__wrap {\r\n\t--tileswrap-height: calc(var(--tiles-height) * 1.8);\r\n\ttransform: translate3d(-50%,-50%, 0) rotate(22.5deg);\r\n}\r\n\r\n.tiles--columns-rotated .tiles__wrap {\r\n\twidth: 150%;\r\n\tdisplay: flex;\r\n\ttransform: translate3d(-50%,-50%,0) rotate(-22.5deg);\r\n\tleft: 50%;\r\n\ttop: 50%;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.tiles--columns .tiles__wrap {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\t--tileswrap-height: calc(var(--tiles-height) * 1.4);\r\n\ttransform: translate3d(0,-50%,0);\r\n\tleft: 0;\r\n\ttop: 50%;\r\n}\r\n\r\n.tiles--perspective .tiles__wrap {\r\n\twidth: 200%;\r\n transform: translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotateZ(12deg);\r\n}\r\n\r\n.tiles--fixed .tiles__wrap {\r\n\twidth: 100%;\r\n}\r\n\r\n.tiles__line {\r\n\tdisplay: flex;\r\n}\r\n\r\n.tiles--columns .tiles__line {\r\n\twidth: 25%;\r\n\tpadding: 0 1rem;\r\n\tdisplay: block;\r\n}\r\n\r\n.tiles--columns-rotated .tiles__line {\r\n\twidth: 320px;\r\n\tflex: none;\r\n\tpadding: 0 1.5vw;\r\n\tdisplay: block;\r\n}\r\n\r\n.tiles--columns-rotated .tiles__line:nth-child(even) {\r\n\tmargin-top: -160px;\r\n}\r\n\r\n.tiles--oneline .tiles__line {\r\n\theight: 100%;\r\n}\r\n\r\n.tiles--small .tiles__line {\r\n\theight: 100%;\r\n}\r\n\r\n.tiles__line-img {\r\n\t--tile-margin: 2vw;\r\n\tflex: none;\r\n\twidth: calc(16.6666% - var(--tile-margin) * 2);\r\n\theight: calc( var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));\r\n\tmargin: var(--tile-margin);\r\n\tbackground-size: cover;\r\n\tbackground-position: 50% 50%;\r\n}\r\n\r\n.tiles--perspective .tiles__line-img {\r\n\tbackface-visibility: hidden;\r\n\toutline: 1px solid transparent;\r\n\t--tile-margin: 1vw;\r\n\twidth: calc(16.6666% - var(--tile-margin) * 2);\r\n\theight: calc(16.666vw * 1.3);\r\n}\r\n\r\n.tiles--oneline .tiles__line-img {\r\n\t--tile-margin: 1vw;\r\n\tmargin: 0 var(--tile-margin);\r\n\twidth: calc(25% - var(--tile-margin) * 2);\r\n\theight: 100%;\r\n}\r\n\r\n.tiles--small .tiles__line-img {\r\n\t--tile-margin: 5px;\r\n\tmargin: 0 var(--tile-margin);\r\n\twidth: calc(12.5% - var(--tile-margin) * 2);\r\n\theight: 100%;\r\n}\r\n\r\n.tiles--rotated .tiles__line-img {\r\n\t--tile-margin: 1vw;\r\n\twidth: calc(16.6666% - var(--tile-margin) * 2);\r\n\theight: calc( var(--tileswrap-height) / 5 - (4 * var(--tile-margin) / 2));\r\n}\r\n\r\n.tiles--columns-rotated .tiles__line-img {\r\n\t--tile-margin: 3vw 0;\r\n\twidth: 100%;\r\n\theight: 400px;\r\n}\r\n\r\n.tiles--columns .tiles__line-img {\r\n\t--tile-margin: 2rem 0;\r\n\twidth: 100%;\r\n\theight: calc(25vw * 1.3);\r\n}\r\n\r\n.tiles--fixed .tiles__line-img {\r\n\t--tile-margin: 10px;\r\n\t-webkit-filter: brightness(0.8);\r\n\twidth: calc(16.6666% - var(--tile-margin) * 2);\r\n\theight: calc( var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));\r\n}\r\n\r\n.tiles--darker .tiles__line-img {\r\n\topacity: 0.7;\r\n}\r\n\r\n.tiles__title {\r\n\tposition: absolute;\r\n\theight: 100vh;\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tfont-size: 10vw;\r\n\tpadding: 3rem;\r\n\tmargin: 0;\r\n\tline-height: 0.8;\r\n\tfont-family: span, serif;\r\n\tfont-weight: 700;\r\n\tfont-style: normal;\r\n}\r\n\r\n.tiles__title--alt {\r\n\tfont-size: 9vw;\r\n\tfont-size: clamp(2rem, 9vw, 7.25rem);\r\n}\r\n\r\n.tiles__title--intro {\r\n\tpadding-top: 10vh;\r\n\talign-items: flex-start;\r\n\tjustify-content: flex-start;\r\n}\r\n\r\n.tiles__title--right {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.tiles__title--left {\r\n\tjustify-content: flex-start;\r\n}\r\n\r\n.tiles__title--full {\r\n\theight: 100%;\r\n}\r\n\r\n.backtop {\r\n\talign-self: center;\r\n\tmargin: auto 0;\r\n\tfont-size: 6vw;\r\n\tcursor: pointer;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.backtop::after {\r\n\tcontent: \"\\2934\";\r\n\tfont-size: 3vw;\r\n\tvertical-align: top;\r\n\tmargin-left: 1rem;\r\n}\r\n\r\n/*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */\r\nhtml.has-scroll-smooth {\r\n\toverflow: hidden; \r\n}\r\n \r\nhtml.has-scroll-dragging {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none; \r\n}\r\n \r\n.has-scroll-smooth body {\r\n\toverflow: hidden; \r\n}\r\n \r\n.has-scroll-smooth [data-scroll-container] {\r\n\tmin-height: 100vh; \r\n}\r\n \r\n.c-scrollbar {\r\n\tposition: absolute;\r\n\tright: 0;\r\n\ttop: 0;\r\n\twidth: 11px;\r\n\theight: 100vh;\r\n\ttransform-origin: center right;\r\n\ttransition: transform 0.3s, opacity 0.3s;\r\n\topacity: 0; \r\n}\r\n.c-scrollbar:hover {\r\n\ttransform: scaleX(1.45); \r\n}\r\n.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {\r\n\topacity: 1; \r\n}\r\n \r\n.c-scrollbar_thumb {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbackground-color: black;\r\n\topacity: 0.5;\r\n\twidth: 7px;\r\n\tborder-radius: 10px;\r\n\tmargin: 2px;\r\n\tcursor: -webkit-grab;\r\n\tcursor: grab; \r\n}\r\n.has-scroll-dragging .c-scrollbar_thumb {\r\n\tcursor: -webkit-grabbing;\r\n\tcursor: grabbing; \r\n}\r\n\r\n@media screen and (min-width: 53em) {\r\n\t.frame {\r\n\t\tdisplay: grid;\r\n\t\talign-content: space-between;\r\n\t\twidth: 100%;\r\n\t\tgrid-gap: 5vw;\r\n\t\tgrid-template-columns: auto auto auto 1fr;\r\n\t\tgrid-template-areas: 'title title links demos';\r\n\t}\r\n\t.frame__title {\r\n\t\tmargin: 0;\r\n\t\tgrid-area: title;\r\n\t}\r\n\t.frame__demos {\r\n\t\tmargin: 0;\r\n\t\tgrid-area: demos;\r\n\t\tjustify-self: end;\r\n\t}\r\n\t.frame__links {\r\n\t\tgrid-area: links;\r\n\t\tpadding: 0;\r\n\t\tjustify-self: end;\r\n\t}\r\n\t.tiles--columns-rotated .tiles__line {\r\n\t\twidth: 33vmax;\r\n\t}\r\n\t.tiles--columns-rotated .tiles__line:nth-child(even) {\r\n\t\tmargin-top: -20vmax;\r\n\t}\r\n\t.tiles--columns-rotated .tiles__line-img {\r\n\t\theight: 40vmax;\r\n\t}\r\n\t.content--numbered::after {\r\n\t\tcounter-increment: contentSection; \r\n\t\tcontent: counter(contentSection,decimal-leading-zero);\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tright: 3rem;\r\n\t\tborder: 1px solid;\r\n\t\tcolor: var(--color-alt);\r\n\t\twidth: 4rem;\r\n\t\theight: 4rem;\r\n\t\tmargin-top: -2rem;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\t.content__text {\r\n\t\tmax-width: 800px;\r\n\t\twidth: 50vw;\r\n\t\tmin-width: calc(300px - 6rem);\r\n\t}\r\n\t.content__text--wide {\r\n\t\tmax-width: 1000px;\r\n\t\twidth: 65vw;\r\n\t}\r\n\t.tiles--small {\r\n\t\t--tiles-height: 240px;\r\n\t}\r\n}\r\n"]}