{"version":3,"sources":["webpack:///./src/components/DialogBox.vue?80bf","webpack:///src/components/DialogBox.vue","webpack:///./src/components/DialogBox.vue?dde2","webpack:///./src/components/DialogBox.vue","webpack:///./src/components/DialogBox.vue?9055"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","className","on","$event","$emit","_t","_v","attrs","staticRenderFns","component"],"mappings":"4IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAMP,EAAIQ,WAAW,CAACJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,iBAAiB,CAACX,EAAIY,GAAG,QAAQ,CAACR,EAAG,KAAK,CAACJ,EAAIa,GAAG,sBAAsB,GAAGT,EAAG,MAAM,CAACU,MAAM,CAAC,GAAK,YAAY,IAAM,EAAQ,QAA+B,IAAM,MAAMd,EAAIY,GAAG,UAAU,GAAGR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIY,GAAG,YAAYR,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIY,GAAG,OAAO,CAACZ,EAAIa,GAAG,qBAAqB,IAAI,MAC1lBE,EAAkB,GC2BtB,G,UAAA,CACA,iBACA,UAEA,UAFA,WAGA,wDCjCmV,I,wBCQ/UC,EAAY,eACd,EACAjB,EACAgB,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2CCnBf,W","file":"js/about~contact~help~history~playground~rule.99e47923.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box\",class:_vm.className},[_c('div',{staticClass:\"box__title\"},[_c('div',{staticClass:\"box__title__icon\",on:{\"click\":function($event){return _vm.$emit('toggleIcon')}}},[_vm._t(\"title\",[_c('h2',[_vm._v(\"Deafult Title\")])])],2),_c('img',{attrs:{\"id\":\"gray-bars\",\"src\":require(\"../assets/img/gray-bars.png\"),\"alt\":\"\"}}),_vm._t(\"saldo\")],2),_c('div',{staticClass:\"box__content\"},[_vm._t(\"subtitle\"),_c('div',{staticClass:\"box__content__body\"},[_vm._t(\"body\",[_vm._v(\" Default body \")])],2)],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"box\" :class=\"className\">\n\t\t<div class=\"box__title\">\n\t\t\t<div @click=\"$emit('toggleIcon')\" class=\"box__title__icon\">\n\t\t\t\t<slot name=\"title\">\n\t\t\t\t\t<h2>Deafult Title</h2>\n\t\t\t\t</slot>\t\t\n\t\t\t</div>\n\t\t\t<img id=\"gray-bars\" src=\"../assets/img/gray-bars.png\" alt=\"\">\n\t\t\t<slot name=\"saldo\"></slot>\n\t\t</div>\n\t\t<div class=\"box__content\">\n\t\t\t\n\t\t\t<slot name=\"subtitle\">\n\n\t\t\t</slot>\t\t\t\t\n\t\t\t\n\t\t\t<div class=\"box__content__body\">\n\t\t\t\t<slot name=\"body\">\n\t\t\t\t\tDefault body\n\t\t\t\t</slot>\n\t\t\t</div>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tname: 'DialogBox',\n\t\tcomputed: {\n\t\t\n\t\t\tclassName() {\n\t\t\t\treturn this.$route.name.toLowerCase() + '-dialog-box'\n\t\t\t},\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\" scoped>\n\n\t.box {\n\t\t@include border-radius(0 0 70px 70px);\n\t\tbackground-color: $gray;\n\t\tmargin: 41.4% auto 0;\n\t\twidth: 93%;\n\t\tz-index: 4;\n\t\tpadding-bottom: 22px;\n\n\t\t&__title {\n\t\t\t@include flex-container;\n\t\t\t@extend %bold;\n\t\t\tpadding: 35px 57px 29px;\t\t\t\t\n\t\t\tbackground-color: $darkGray;\n\t\t\tcolor: $white;\n\t\t\t\n\t\t\t&__icon {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t\n\t\t\th2 {\n\t\t\t\tfont-size: 55px;\t\t\t\t\t\t\t\t\t\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tmargin-left: 23px;\n\t\t\t}\n\t\t}\n\n\t\t&__content {\t\t\t\t\n\t\t\tcolor: $darkGray;\n\n\t\t\tp {\n\t\t\t\t@extend %italic;\n\t\t\t\tpadding: 50px 136px 0 62px;\n\t\t\t\tfont-size: 36px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t&__body {\n\t\t\t\t@include border-radius(100px);\n\t\t\t\tbackground-image: url('../assets/img/dialog-border-top.png'), url('../assets/img/dialog-border-bottom.png');\n\t\t\t\tbackground-repeat: no-repeat, no-repeat;\n\t\t\t\tbackground-size: contain, contain;\n\t\t\t\tbackground-position: left top, left bottom;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 1095px;\n\t\t\t\tmargin-top: 58px;\n\t\t\t\tpadding-top: 166px;\n\t\t\t\tpadding-left: 44px;\n\n\t\t\t\t&__subtitle {\n\t\t\t\t\t@include flex-container(flex-end, center, center);\n\t\t\t\t\tbackground-image: url('../assets/img/mission-bg.png');\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\theight: 146px;\n\t\t\t\t\twidth: 494px;\n\t\t\t\t\tpadding-right: 42px;\n\n\t\t\t\t\th3 {\n\t\t\t\t\t\t@extend %bold;  \n\t\t\t\t\t\tfont-size: 50px;\n\t\t\t\t\t\tline-height: 1.6;\n\t\t\t\t\t}\n\n\n\t\t\t\t\t&.vision {\n\t\t\t\t\t\tbackground-image: url('../assets/img/vision-bg.png');\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tp {\n\t\t\t\t\tpadding: 31px 60px 0 17px;\n\t\t\t\t\tmargin-bottom: 45px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.contact-dialog-box, &.rule-dialog-box {\n\n\t\t\t.box__title {\n\t\t\t\tpadding: 0;\n\t\t\t\theight: 120px;\n\n\t\t\t\t&__icon {\n\t\t\t\t\t@include flex-container(flex-end);\n\t\t\t\t\tbackground-image: url('../assets/img/contact-title.png');\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tbackground-size: contain;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -84px;\n\t\t\t\t\tleft: -67px;\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\theight: 278px;\n\t\t\t\t\twidth: 1096px;\n\t\t\t\t\tpadding-top: 110px;\n\t\t\t\t\tpadding-right: 100px;\n\t\t\t\t}\n\n\t\t\t\th2 {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t\tletter-spacing: -2.3px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.box__content {\n\n\t\t\t\t&__body {\n\t\t\t\t\tmargin-top: 33px;\n\t\t\t\t\tpadding-top: 145px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.contact-dialog-box {\n\n\t\t\t.box__title {\n\n\t\t\t\t#gray-bars {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\t\t\t\t\n\t\t\t}\n\t\t}\n\n\t\t&.rule-dialog-box {\n\n\t\t\t.box__title {\n\t\t\t\t@include flex-container(flex-end, center, center);\n\n\t\t\t\t&__icon {\n\n\t\t\t\t\tbackground-image: url('../assets/img/rules-title.png');\n\t\t\t\t\ttop: 27px;\n    \t\t\t\tleft: -65px;\t\t\t\t\t\n\t\t\t\t\tpadding-top: 62px;\n\t\t\t\t\tpadding-right: 87px;\n\t\t\t\t\twidth: 1150px;\n\t\t\t\t}\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: 68px;\n\t\t\t\t}\n\n\t\t\t\t#gray-bars {\n\t\t\t\t\tmargin-right: 20.7%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.box__content {\n\n\t\t\t\t&__body {\t\t\t\t\t\n\t\t\t\t\tmargin-top: 20px;\n\t\t\t\t\tpadding: 178px 20px;\n\t\t\t\t\theight: 100%;\n\n\t\t\t\t\tul {\n\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t@extend %italic;\n\t\t\t\t\t\t\tfont-size: 38px;\n\t\t\t\t\t\t\tletter-spacing: -.9px;\n\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\tmargin-bottom: 38px;\n\n\t\t\t\t\t\t\tb {\n\t\t\t\t\t\t\t\t@extend %bold;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t@extend %italic;\n\t\t\t\t\t\t\t\tfont-size: 38px;\n\t\t\t\t\t\t\t\tcolor: $darkGray;\n\n\t\t\t\t\t\t\t\t@include nomobile {\n\n\t\t\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\t\t\tcolor: $orangeTheme;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\th3 {\n\t\t\t\t\t\t@extend %bold;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\tfont-size: 55px;\n\t\t\t\t\t\tmargin: 88px auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t&.help-dialog-box {\n\t\t\tmargin-top: 9%;\n\t\t\tmargin-bottom: 5%;\n\t\t\tbackground-color: $darkGray;\n\t\t\twidth: 97%;\n\n\t\t\t.box__title {\n\t\t\t\tpadding: 25px 57px;\n\n\t\t\t\t&__icon {\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t}\n\n\t\t\t\th2 {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t#gray-bars {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.box__content {\n\n\t\t\t\t&__body {\n\t\t\t\t\tbackground-image: url('../assets/img/help-border-top.png'), url('../assets/img/help-border-bottom.png');\n\t\t\t\t\tbackground-position: left top, left bottom;\n\t\t\t\t\tbackground-size: contain, contain;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.playground-dialog-box {\n\t\t\tmargin-top: -38%;\n\n\t\t\t.box__title {\n\t\t\t\t@include flex-container(space-evenly, center, center);\n\t\t\t\tpadding: 0;\n\t\t\t\theight: 86px;\n\n\t\t\t\th2 {\n\t\t\t\t\t@include effect(all, .3s, ease-out);\n\t\t\t\t\tcolor: $black;\n\t\t\t\t\tletter-spacing: -2.3px;\n\t\t\t\t}\t\t\t\t\n\n\t\t\t\t&__icon {\n\t\t\t\t\t@include flex-container;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -12px;\n\t\t\t\t\tleft: -36px;\n\t\t\t\t\tz-index: 1;\n\n\t\t\t\t\t&:hover {\n\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tcolor: $orangeTheme;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\th3 {\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t\tfont-size: 50px;\n\t\t\t\t\tmargin-left: 27%;\n\n\t\t\t\t\t&.big {\n\t\t\t\t\t\tfont-size: 30px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t#gray-bars {\n\t\t\t\t\tmargin-left: 37%;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t.box__content {\n\n\t\t\t\t&__body {\n\t\t\t\t\tmargin-top: 43px;\n\t\t\t\t\tpadding-top: 80px;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tmin-height: 500px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.history-dialog-box {\t\n\t\t\tmargin-top: -800px;\n\n\t\t\t.box__content {\n\n\t\t\t\t&__body {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tpadding-top: 60px;\n\t\t\t\t\tpadding-bottom: 40px;\n\t\t\t\t\tmargin-top: 20px;\n\t\t\t\t\tmin-height: 400px;\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@include desktopMax {\n\n\t\t.box {\n\n\t\t\t&__content {\n\n\t\t\t\t&__body {\n\t\t\t\t\theight: 130vh;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.contact-dialog-box {\n\n\t\t\t\t.box__title {\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\twidth: 60%;\n\t\t\t\t\t\tpadding-top: 80px;\n\t\t\t\t\t\tpadding-right: 65px;\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\th2 {\n\t\t\t\t\t\tfont-size: 2.865vw;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@include BigDesktop {\n\n\t\t.box {\n\n\t\t\t&.playground-dialog-box {\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 60px;\n\n\t\t\t\t\t#gray-bars {\n\t\t\t\t\t\tmargin-left: 38%;\n\t\t\t\t\t}\n\n\t\t\t\t\th3 {\n\t\t\t\t\t\tmargin-left: 80%;\n\t\t\t\t\t\tmargin-bottom: 50px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tpadding-top: 90px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\t\n\t\t}\n\t}\n\t\n\t@include desktop {\n\t\t\n\t\t.box {\n\t\t\tmargin-top: 30%;\n\t\t\tpadding-bottom: 0;\t\t\n\t\t}\n\t}\t\t\n\n\t@include tabletLandscape {\n\n\t\t.box {\n\t\t\tmargin-top: 120%;\t\t\t\t\n\n\t\t\t&__title {\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: 45px;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\twidth: 25%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__content {\n\t\t\t\t\n\t\t\t\tp {\n\t\t\t\t\tpadding-right: 62px;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t}\n\n\t\t\t\t&__body {\n\t\t\t\t\theight: 100vh;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.contact-dialog-box {\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 100px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tpadding-top: 50px;\n\t\t\t\t\t\tpadding-right: 40px;\n\t\t\t\t\t\ttop: -50px;\n\t\t\t\t\t\tleft: -45px;\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\theight: 82vh;\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.rule-dialog-box {\n\t\t\t\tmargin-bottom: 20px;\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 70px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\twidth: 60%;\n\t\t\t\t\t\ttop: 20px;\n\t\t\t\t\t\tleft: -25px;\t\t\t\t\t\n\t\t\t\t\t\tpadding-top: 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\th2 {\n\t\t\t\t\t\tfont-size: 3.906vw;\n\t\t\t\t\t}\n\n\t\t\t\t\t#gray-bars {\n\t\t\t\t\t\tmargin-right: 14%;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tul {\n\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\tfont-size: 26px;\n\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tfont-size: 26px;\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tfont-size: 3.906vw;\n\t\t\t\t\t\t\tmargin: 50px auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.help-dialog-box {\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\theight: 70vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.playground-dialog-box {\n\t\t\t\tmargin-top: -30%;\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 60px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tpadding-top: 28px;\n\t\t\t\t\t\tpadding-right: 40px;\n    \t\t\t\t\ttop: -52px;\n    \t\t\t\t\tleft: -22%;\n\t\t\t\t\t\theight: 83px;\n\t\t\t\t\t\twidth: 45%;\n\t\t\t\t\t\tpadding-left: 21%;\n\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tfont-size: 30px\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t#gray-bars {\n\t\t\t\t\t\tmargin-left: 38%;\n\t\t\t\t\t}\n\n\t\t\t\t\th3 {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tpadding-top: 70px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.history-dialog-box {\t\n\t\t\t\tmargin-top: 150px;\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tpadding-top: 50px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\t\t\n\t}\n\t\n\t@include mobile {\n\n\t\t.box {\n\t\t\t@include border-radius(0 0 10px 10px);\n\t\t\tmargin-top: 69%;\n\t\t\twidth: 94%;\n\t\t\tpadding-bottom: 0;\n\n\t\t\t&__title {\n\t\t\t\tpadding: 6px;\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-size: 11px;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\twidth: 14%;\n\t\t\t\t\tmargin-left: 6px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__content {\n\n\t\t\t\tp {\n\t\t\t\t\tpadding: 16px 10px 15px 15px;\n\t\t\t\t\tfont-size: 8px;\n\t\t\t\t\tletter-spacing: -.1px;\n\t\t\t\t}\n\n\t\t\t\t&__body {\n\t\t\t\t\t@include border-radius(10px);\n\t\t\t\t\tmargin-top: 6px;\n\t\t\t\t\tpadding: 51px 16px;\n\t\t\t\t\theight: 493px;\n\n\t\t\t\t\t&__subtitle {\n\t\t\t\t\t\tbackground-size: contain;\n\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\twidth: 130px;\n\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tfont-size: 11px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tp {\n\t\t\t\t\t\tpadding: 4px 0 4px 4px;\n\t\t\t\t\t\tletter-spacing: -.6px;\n\t\t\t\t\t\tmargin-bottom: 2px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.contact-dialog-box {\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 22px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tleft: -8px;\n\t\t\t\t\t\tpadding: 23px 12px;\n\t\t\t\t\t\theight: 54px;\n\t\t\t\t\t}\n\n\t\t\t\t\th2 {\n\t\t\t\t\t\tfont-size: 2.933vw;\n\t\t\t\t\t\tletter-spacing: normal;\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tpadding-top: 45px;\n\t\t\t\t\t\theight: 63vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\t\n\t\t\t\n\t\t\t&.rule-dialog-box {\n\t\t\t\tmargin-top: 116%;\t\t\t\t\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 24px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\twidth: 66%;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tleft: -19px;\n\t\t\t\t\t\tpadding-top: 11px;\n\t\t\t\t\t\tpadding-right: 18px;\n\t\t\t\t\t\t\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\t\t\tletter-spacing: -1px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t#gray-bars {\n\t\t\t\t\t\tmargin-right: 23%;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tbackground-image: url('../assets/img/rules-mobile-border.png');\n\t\t\t\t\t\tbackground-size: 100%;\n\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t\tpadding: 85px 3px;\n\n\t\t\t\t\t\tul {\n\n\t\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t\tfont-size: 9px;\n\t\t\t\t\t\t\t\tmargin-bottom: 3px;\n\n\t\t\t\t\t\t\t\ta {\n\t\t\t\t\t\t\t\t\tfont-size: 9px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\th3 {\n\t\t\t\t\t\t\tfont-size: 11px;\n\t\t\t\t\t\t\tmargin: 80px auto 14px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.help-dialog-box {\n\t\t\t\twidth: 93%;\n\t\t\t\tmargin-top: -15%;\n\n\t\t\t\t.box__title {\n\t\t\t\t\tpadding: 5px 20px;\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\theight: 55vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.playground-dialog-box {\n\n\t\t\t\t.box__title {\n\t\t\t\t\theight: 30px;\n\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\ttop: -8px;\n\t\t\t\t\t\tleft: -10px;\n\t\t\t\t\t\theight: 49px;\n\t\t\t\t\t\twidth: 50%;\n\t\t\t\t\t\tborder-width: 4px;\n\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\tletter-spacing: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t#gray-bars {\n\t\t\t\t\t\tmargin-left: 45%;\n\t\t\t\t\t}\n\n\t\t\t\t\th3 {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\tfont-size: 18px;\n\n\t\t\t\t\t\t&.big {\n\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tmargin-top: 16px;\n\t\t\t\t\t\tpadding: 26px 20px 26px 20px;\n\t\t\t\t\t\tmin-height: 224px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.history-dialog-box {\t\n\n\t\t\t\t.box__content {\n\n\t\t\t\t\t&__body {\n\t\t\t\t\t\tpadding-top: 20px;\n\t\t\t\t\t\tpadding-bottom: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\t\t\t\n\t\t}\n\t}\n\n\t@include mobileTiny {\n\t\t\t\n\t\t.box {\n\t\t\t\n\t\t\t&__content {\n\t\t\t\n\t\t\t\t&__body {\n\t\t\t\t\tbackground-size: contain;\n\t\t\t\t}\t\t\n\t\t\t}\n\n\t\t}\t\n\t}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogBox.vue?vue&type=template&id=4032e7f9&scoped=true&\"\nimport script from \"./DialogBox.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DialogBox.vue?vue&type=style&index=0&id=4032e7f9&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4032e7f9\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogBox.vue?vue&type=style&index=0&id=4032e7f9&lang=scss&scoped=true&\""],"sourceRoot":""}