.main-layout{background:#fff;padding:64px}@media(max-width:1023px){.main-layout{width:100vw;max-width:100vw}}.main-layout__action{margin-right:16px}.main-layout__action .ld-icon{fill:#fff;stroke:#fff}.main-layout h1,.main-layout h3{display:inline-block}.main-layout h3{font-family:stagbook,sans-serif;color:#707070;font-size:20px;line-height:20px;position:relative;width:100%;padding:24px 16px 16px;margin-bottom:32px}@media(max-width:1023px){.main-layout h3{font-size:24px;line-height:24px}}.main-layout h3:before{content:"";display:block;position:absolute;left:0;bottom:0;height:1px;width:400px;background:#b4b4b4}@media(max-width:1023px){.main-layout h3{min-width:100vw;padding:24px 16px}}.main-layout h3+p{padding-left:16px}.main-layout h4{font-family:stagsansbook,sans-serif;color:#707070;font-size:18px;line-height:18px;margin:8px 0 16px}.main-layout__list{padding:24px 0;width:100%}.main-layout__item .ld-dropdown{width:100%}.main-layout__item .ld-dropdown__button{border-radius:0;border:0;border-bottom:1px solid #b4b4b4;padding:16px}.main-layout__item .ld-dropdown__arrow{right:24px}.main-layout__item .ld-dropdown__menu{background:#fff3ee;border-bottom:1px solid #e1e1e1}.main-layout__header{position:fixed;width:100%;display:flex;align-items:center;background:#3f1472;padding:16px;top:0;left:0;z-index:6}.main-layout__header h1{font-family:stagbook,sans-serif;color:#fff;font-size:20px;line-height:20px}@media(max-width:1023px){.main-layout__header h1{font-size:24px;line-height:24px}}.main-layout__menu ::v-deep .ld-drawer__content{padding-top:8px;width:300px;background:#fff}.main-layout__menu h1{font-family:stagbook,sans-serif;color:#333;font-size:20px;line-height:20px;color:#3f1472;margin:16px}@media(max-width:1023px){.main-layout__menu h1{font-size:24px;line-height:24px}}.main-layout__menu .main-layout__action{float:right;margin:16px 16px 0 0}.main-layout__menu .main-layout__action .ld-icon{fill:#3f1472;stroke:#3f1472}.main-layout__main{background:#fff;margin-top:64px}pre{position:relative;display:inline-block;vertical-align:top;margin:0 24px 24px 0;padding:32px;background:#fff;width:auto}@media(max-width:1023px){pre{display:inline-block;margin:24px 0;white-space:pre-wrap;max-width:100%}}pre:after{font-family:stagsansbook,sans-serif;color:#707070;font-size:14px;line-height:14px;margin-bottom:8px;content:"HTML";display:block;position:absolute;right:8px;top:8px}@media(max-width:1023px){pre:after{font-family:stagsansbook,sans-serif}}.js:after{content:"JS"}.scss:after{content:"SCSS"}.no-scroll[data-v-df77d1ba]{overflow:hidden}@media(max-width:767px){.no-scroll[data-v-df77d1ba]{position:fixed}}.demo-colors[data-v-df77d1ba]{font-family:stagsansbook,sans-serif;color:#707070;font-size:16px;line-height:16px}@media(max-width:1023px){.demo-colors[data-v-df77d1ba]{font-size:18px;line-height:18px}}.demo-colors h4[data-v-df77d1ba]{font-family:stagsansbook,sans-serif;color:#707070;font-size:18px;line-height:18px;margin:8px 0 16px}.demo-colors p[data-v-df77d1ba]{margin-bottom:24px;line-height:1.5;max-width:900px}.demo-colors ul[data-v-df77d1ba]{list-style:disc;margin-left:32px}.demo-colors .colors[data-v-df77d1ba]{display:flex;flex-wrap:wrap;margin-bottom:24px}.demo-colors .colors__card[data-v-df77d1ba]{box-shadow:0 3px 6px 0 rgba(0,0,0,.16);display:inline-block;position:relative;vertical-align:top;height:100px;width:200px;margin:0 32px 32px 0;border-radius:5px;overflow:hidden}.demo-colors .colors__card label[data-v-df77d1ba]{display:block;position:absolute;bottom:0;width:100%;padding:8px;background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden;border-top:1px solid #b4b4b4;white-space:nowrap}.demo-colors .colors__card--grape-purple[data-v-df77d1ba]{background:#3f1472}.demo-colors .colors__card--melon[data-v-df77d1ba]{background:#ff785a}.demo-colors .colors__card--summer-night[data-v-df77d1ba]{background:linear-gradient(180deg,#3f1472,#6e2d6c)}.demo-colors .colors__card--primary[data-v-df77d1ba]{background:#3f1472}.demo-colors .colors__card--primary--secondary[data-v-df77d1ba]{background:#ff785a}.demo-colors .colors__card--primary--dark[data-v-df77d1ba]{background:#333}.demo-colors .colors__card--primary--light[data-v-df77d1ba]{background:#fff}.demo-colors .colors__card--text[data-v-df77d1ba]{background:#333}.demo-colors .colors__card--text--secondary[data-v-df77d1ba]{background:#707070}.demo-colors .colors__card--text--negative[data-v-df77d1ba]{background:#fff}.demo-colors .colors__card--text--disabled[data-v-df77d1ba]{background:#e1e1e1}.demo-colors .colors__card--text--form[data-v-df77d1ba]{background:#3f1472}.demo-colors .colors__card--text--visited[data-v-df77d1ba]{background:#6e2d6c}.demo-colors .colors__card--border[data-v-df77d1ba],.demo-colors .colors__card--text--subtle[data-v-df77d1ba]{background:#b4b4b4}.demo-colors .colors__card--border--secondary[data-v-df77d1ba]{background:#3f1472}.demo-colors .colors__card--border--light[data-v-df77d1ba]{background:#e1e1e1}.demo-colors .colors__card--border--barely[data-v-df77d1ba]{background:#f4f4f4}.demo-colors .colors__card--background[data-v-df77d1ba]{background:#fff3ee}.demo-colors .colors__card--background--secondary[data-v-df77d1ba]{background:#ffe6df}.demo-colors .colors__card--background--dark[data-v-df77d1ba]{background:#876ca6}.demo-colors .colors__card--background--light[data-v-df77d1ba]{background:#fff}.demo-colors .colors__card--background--barely[data-v-df77d1ba]{background:#f4f4f4}.demo-colors .colors__card--background--tooltip[data-v-df77d1ba]{background:#312540}.demo-colors .colors__card--background--cta[data-v-df77d1ba]{background:#2ec77f}.demo-colors .colors__card--background--accent[data-v-df77d1ba]{background:#ff785a}.demo-colors .colors__card--background--transparent-overlay[data-v-df77d1ba]{background:hsla(0,0%,100%,.2)}.demo-colors .colors__card--background--message[data-v-df77d1ba]{background:#80cb78}.demo-colors .colors__card--feedback[data-v-df77d1ba]{background:#2ec77f}.demo-colors .colors__card--feedback--light[data-v-df77d1ba]{background:#fdf2d0}.demo-colors .colors__card--feedback--positive[data-v-df77d1ba]{background:#59ad33}.demo-colors .colors__card--feedback--positive--light[data-v-df77d1ba]{background:#ddeed6}.demo-colors .colors__card--feedback--negative[data-v-df77d1ba]{background:#d30000}.demo-colors .colors__card--feedback--negative--light[data-v-df77d1ba]{background:#f6cccc}.demo-colors .colors__card--feedback--neutral[data-v-df77d1ba]{background:#707070}.demo-colors .colors__card--feedback--neutral--light[data-v-df77d1ba]{background:#e1e1e1}.demo-colors .colors__card--feedback--information[data-v-df77d1ba]{background:#8cdcf3}.demo-colors .colors__card--feedback--information--light[data-v-df77d1ba]{background:#d1f1fa}.demo-colors .colors__card--status--created[data-v-df77d1ba]{background:#707070}.demo-colors .colors__card--status--bidding[data-v-df77d1ba]{background:#ff785a}.demo-colors .colors__card--status--decision[data-v-df77d1ba]{background:#a1c4fd}.demo-colors .colors__card--status--contact[data-v-df77d1ba]{background:#876ca6}.demo-colors .colors__card--status--application[data-v-df77d1ba]{background:#48b1bf}.demo-colors .colors__card--status--pending[data-v-df77d1ba]{background:#fdd67a}.demo-colors .colors__card--status--settled[data-v-df77d1ba]{background:#48bf88}.demo-colors .colors__card--status--closed[data-v-df77d1ba]{background:#e0414e}.demo-colors .colors__card--gradient[data-v-df77d1ba]{background:linear-gradient(180deg,#3f1472,#6e2d6c)}.demo-colors .colors__card--gradient--light[data-v-df77d1ba]{background:linear-gradient(180deg,#ce5f60,#ff785a)}.demo-colors .colors__card--gradient--medium[data-v-df77d1ba]{background:linear-gradient(180deg,#6e2d6c,#924068)}.demo-colors .colors__card--gradient--created[data-v-df77d1ba]{background:linear-gradient(104deg,#717171,#979797)}.demo-colors .colors__card--gradient--bidding[data-v-df77d1ba]{background:linear-gradient(104deg,#fd9d87,#fdb5a4)}.demo-colors .colors__card--gradient--decision[data-v-df77d1ba]{background:linear-gradient(106deg,#58aded,#9dc2fd)}.demo-colors .colors__card--gradient--contact[data-v-df77d1ba]{background:linear-gradient(284deg,#bfaac7,#856aa5)}.demo-colors .colors__card--gradient--pending[data-v-df77d1ba]{background:linear-gradient(284deg,#fc9077,#fcd079)}.demo-colors .colors__card--gradient--application[data-v-df77d1ba]{background:linear-gradient(104deg,#10beb5,#3dafbc)}.demo-colors .colors__card--gradient--settled[data-v-df77d1ba]{background:linear-gradient(106deg,#48bf88,#5ae3a4)}.demo-colors .colors__card--gradient--closed[data-v-df77d1ba]{background:linear-gradient(104deg,#e0414e,#f0747e)}.no-scroll[data-v-375caf64]{overflow:hidden}@media(max-width:767px){.no-scroll[data-v-375caf64]{position:fixed}}.demo-typography h4[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#707070;font-size:18px;line-height:18px;margin:8px 0 16px}.demo-typography .fonts[data-v-375caf64]{display:flex;flex-wrap:wrap;margin-bottom:24px}.demo-typography .fonts__card[data-v-375caf64]{display:inline-block;position:relative;vertical-align:top;width:190px;height:180px;line-height:160px;flex-shrink:0;margin:0 24px 24px 0;border-radius:5px;overflow:hidden;border:1px solid #b4b4b4;font-size:77px;text-align:center;color:#707070}.demo-typography .fonts__card label[data-v-375caf64]{position:absolute;line-height:1;left:16px;bottom:16px;font-size:18px}.demo-typography .fonts__card--light[data-v-375caf64],.demo-typography .fonts__card--light label[data-v-375caf64]{font-family:stagsanslight,sans-serif}.demo-typography .fonts__card--regular[data-v-375caf64],.demo-typography .fonts__card--regular label[data-v-375caf64]{font-family:stagsansbook,sans-serif}.demo-typography .fonts__card--italic[data-v-375caf64],.demo-typography .fonts__card--italic label[data-v-375caf64]{font-family:stagsansbookitalic,sans-serif}.demo-typography .fonts__card--medium[data-v-375caf64],.demo-typography .fonts__card--medium label[data-v-375caf64]{font-family:stagsanssemibold,sans-serif}.demo-typography .fonts__card--bold[data-v-375caf64],.demo-typography .fonts__card--bold label[data-v-375caf64]{font-family:stagsansmedium,sans-serif}.demo-typography .text[data-v-375caf64]{display:inline-block;margin-bottom:16px;border-radius:5px;overflow:hidden;border:1px solid #b4b4b4;padding:24px}.demo-typography .text--inline[data-v-375caf64]{display:flex}.demo-typography .text--headline[data-v-375caf64]{font-family:stagmedium,sans-serif;color:#333;font-size:34px;line-height:34px}.demo-typography .text--subheadline[data-v-375caf64]{font-family:stagbook,sans-serif;color:#333;font-size:24px;line-height:24px}.demo-typography .text--section[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#333;font-size:16px;line-height:23px}.demo-typography .text--title[data-v-375caf64]{font-family:stagbook,sans-serif;color:#333;font-size:20px;line-height:20px}@media(max-width:1023px){.demo-typography .text--title[data-v-375caf64]{font-size:24px;line-height:24px}}.demo-typography .text--subtitle[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#333;font-size:18px;line-height:18px}.demo-typography .text--component[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#707070;font-size:16px;line-height:16px}@media(max-width:1023px){.demo-typography .text--component[data-v-375caf64]{font-size:18px;line-height:18px}}.demo-typography .text--body[data-v-375caf64]{line-height:1.43}.demo-typography .text__label[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#707070;font-size:14px;line-height:14px;margin-bottom:8px}@media(max-width:1023px){.demo-typography .text__label[data-v-375caf64]{font-family:stagsansbook,sans-serif}}.demo-typography .text__label-inline[data-v-375caf64]{font-family:stagbook,sans-serif;color:#333;font-size:14px;line-height:14px;margin-right:4px}.demo-typography .text__value[data-v-375caf64]{font-family:stagsansbook,sans-serif;color:#333;font-size:14px;line-height:14px}@media(max-width:1023px){.demo-typography .text__value[data-v-375caf64]{font-size:18px}}.demo-typography .types[data-v-375caf64]{max-width:1050px;display:flex;flex-wrap:wrap}.demo-typography .types__group[data-v-375caf64]{margin-right:24px}@font-face{font-display:swap;font-family:stagbook;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Book.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Book.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Book.otf) format("opentype")}@font-face{font-display:swap;font-family:stagbookitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-BookItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-BookItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-BookItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:staglight;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Light.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Light.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Light.otf) format("opentype")}@font-face{font-display:swap;font-family:staglightitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-LightItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-LightItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-LightItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:stagmedium;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Medium.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Medium.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-Medium.otf) format("opentype")}@font-face{font-display:swap;font-family:stagmediumitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-MediumItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-MediumItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/Stag-MediumItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsansbook;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Book.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Book.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Book.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsansbookitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-BookItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-BookItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-BookItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsanslight;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Light.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Light.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Light.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsanslightitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-LightItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-LightItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-LightItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsansmedium;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Medium.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Medium.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Medium.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsansmediumitalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-MediumItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-MediumItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-MediumItalic.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsanssemibold;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Semibold.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Semibold.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-Semibold.otf) format("opentype")}@font-face{font-display:swap;font-family:stagsanssemibolditalic;src:url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-SemiboldItalic.woff) format("woff"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-SemiboldItalic.ttf) format("truetype"),url(https://s3-ap-southeast-2.amazonaws.com/dolphin-framework/fonts/StagSans-SemiboldItalic.otf) format("opentype")}.no-scroll{overflow:hidden}@media(max-width:767px){.no-scroll{position:fixed}}.base-view{max-width:1300px;padding-bottom:120px}