/*! Scoped DG demo styles. Generated by tools/build-demo-fusion-css.cjs.
 * Bootstrap v3.3.6: Copyright 2011-2015 Twitter, Inc. MIT license.
 * https://github.com/twbs/bootstrap/blob/master/LICENSE
 * normalize.css v3.0.3: MIT License, github.com/necolas/normalize.css
 * DG demo presentation: Copyright 2026 Dajka Gábor, all rights reserved. */

/* app/demo/marcus/assets/css/bootstrap.min.css */
.dg-demo-surface {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
.dg-demo-surface {margin: 0;}
:where(.dg-demo-surface) article,:where(.dg-demo-surface) aside,:where(.dg-demo-surface) details,:where(.dg-demo-surface) figcaption,:where(.dg-demo-surface) figure,:where(.dg-demo-surface) footer,:where(.dg-demo-surface) header,:where(.dg-demo-surface) hgroup,:where(.dg-demo-surface) main,:where(.dg-demo-surface) menu,:where(.dg-demo-surface) nav,:where(.dg-demo-surface) section,:where(.dg-demo-surface) summary {display: block;}
:where(.dg-demo-surface) audio,:where(.dg-demo-surface) canvas,:where(.dg-demo-surface) progress,:where(.dg-demo-surface) video {display: inline-block; vertical-align: baseline;}
:where(.dg-demo-surface) audio:not([controls]) {display: none; height: 0;}
:where(.dg-demo-surface) [hidden],:where(.dg-demo-surface) template {display: none;}
:where(.dg-demo-surface) a {background-color: transparent;}
:where(.dg-demo-surface) a:active,:where(.dg-demo-surface) a:hover {outline: 0;}
:where(.dg-demo-surface) abbr[title] {border-bottom: 1px dotted;}
:where(.dg-demo-surface) b,:where(.dg-demo-surface) strong {font-weight: 700;}
:where(.dg-demo-surface) dfn {font-style: italic;}
:where(.dg-demo-surface) h1 {margin: .67em 0; font-size: 2em;}
:where(.dg-demo-surface) mark {color: #000; background: #ff0;}
:where(.dg-demo-surface) small {font-size: 80%;}
:where(.dg-demo-surface) sub,:where(.dg-demo-surface) sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
:where(.dg-demo-surface) sup {top: -.5em;}
:where(.dg-demo-surface) sub {bottom: -.25em;}
:where(.dg-demo-surface) img {border: 0;}
:where(.dg-demo-surface) svg:not(:root) {overflow: hidden;}
:where(.dg-demo-surface) figure {margin: 1em 40px;}
:where(.dg-demo-surface) hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
:where(.dg-demo-surface) pre {overflow: auto;}
:where(.dg-demo-surface) code,:where(.dg-demo-surface) kbd,:where(.dg-demo-surface) pre,:where(.dg-demo-surface) samp {font-family: monospace,monospace; font-size: 1em;}
:where(.dg-demo-surface) button,:where(.dg-demo-surface) input,:where(.dg-demo-surface) optgroup,:where(.dg-demo-surface) select,:where(.dg-demo-surface) textarea {margin: 0; font: inherit; color: inherit;}
:where(.dg-demo-surface) button {overflow: visible;}
:where(.dg-demo-surface) button,:where(.dg-demo-surface) select {text-transform: none;}
:where(.dg-demo-surface) button,.dg-demo-surface input[type=button],:where(.dg-demo-surface) input[type=reset],:where(.dg-demo-surface) input[type=submit] {-webkit-appearance: button; cursor: pointer;}
:where(.dg-demo-surface) button[disabled],.dg-demo-surface input[disabled] {cursor: default;}
:where(.dg-demo-surface) button::-moz-focus-inner,:where(.dg-demo-surface) input::-moz-focus-inner {padding: 0; border: 0;}
:where(.dg-demo-surface) input {line-height: normal;}
:where(.dg-demo-surface) input[type=checkbox],:where(.dg-demo-surface) input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
:where(.dg-demo-surface) input[type=number]::-webkit-inner-spin-button,:where(.dg-demo-surface) input[type=number]::-webkit-outer-spin-button {height: auto;}
:where(.dg-demo-surface) input[type=search] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
:where(.dg-demo-surface) input[type=search]::-webkit-search-cancel-button,:where(.dg-demo-surface) input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
:where(.dg-demo-surface) fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver;}
:where(.dg-demo-surface) legend {padding: 0; border: 0;}
:where(.dg-demo-surface) textarea {overflow: auto;}
:where(.dg-demo-surface) optgroup {font-weight: 700;}
:where(.dg-demo-surface) table {border-spacing: 0; border-collapse: collapse;}
:where(.dg-demo-surface) td,:where(.dg-demo-surface) th {padding: 0;}
@media print{:where(.dg-demo-surface) *,:where(.dg-demo-surface) :after,:where(.dg-demo-surface) :before {color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
:where(.dg-demo-surface) a,:where(.dg-demo-surface) a:visited {text-decoration: underline;}
:where(.dg-demo-surface) a[href]:after {content: " (" attr(href) ")";}
:where(.dg-demo-surface) abbr[title]:after {content: " (" attr(title) ")";}
:where(.dg-demo-surface) a[href^="javascript:"]:after,:where(.dg-demo-surface) a[href^="#"]:after {content: "";}
:where(.dg-demo-surface) blockquote,:where(.dg-demo-surface) pre {border: 1px solid #999; page-break-inside: avoid;}
:where(.dg-demo-surface) thead {display: table-header-group;}
:where(.dg-demo-surface) img,:where(.dg-demo-surface) tr {page-break-inside: avoid;}
:where(.dg-demo-surface) img {max-width: 100% !important;}
:where(.dg-demo-surface) h2,:where(.dg-demo-surface) h3,:where(.dg-demo-surface) p {orphans: 3; widows: 3;}
:where(.dg-demo-surface) h2,:where(.dg-demo-surface) h3 {page-break-after: avoid;}
:where(.dg-demo-surface) .navbar {display: none;}
:where(.dg-demo-surface) .btn>.caret,:where(.dg-demo-surface) .dropup>.btn>.caret {border-top-color: #000 !important;}
:where(.dg-demo-surface) .label {border: 1px solid #000;}
:where(.dg-demo-surface) .table {border-collapse: collapse !important;}
:where(.dg-demo-surface) .table td,:where(.dg-demo-surface) .table th {background-color: #fff !important;}
:where(.dg-demo-surface) .table-bordered td,:where(.dg-demo-surface) .table-bordered th {border: 1px solid #ddd !important;}}
@font-face {font-family: 'Glyphicons Halflings'; src: local("Glyphicons Halflings");}
:where(.dg-demo-surface) .glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:where(.dg-demo-surface) .glyphicon-asterisk:before {content: "\002a";}
:where(.dg-demo-surface) .glyphicon-plus:before {content: "\002b";}
:where(.dg-demo-surface) .glyphicon-eur:before,:where(.dg-demo-surface) .glyphicon-euro:before {content: "\20ac";}
:where(.dg-demo-surface) .glyphicon-minus:before {content: "\2212";}
:where(.dg-demo-surface) .glyphicon-cloud:before {content: "\2601";}
:where(.dg-demo-surface) .glyphicon-envelope:before {content: "\2709";}
:where(.dg-demo-surface) .glyphicon-pencil:before {content: "\270f";}
:where(.dg-demo-surface) .glyphicon-glass:before {content: "\e001";}
:where(.dg-demo-surface) .glyphicon-music:before {content: "\e002";}
:where(.dg-demo-surface) .glyphicon-search:before {content: "\e003";}
:where(.dg-demo-surface) .glyphicon-heart:before {content: "\e005";}
:where(.dg-demo-surface) .glyphicon-star:before {content: "\e006";}
:where(.dg-demo-surface) .glyphicon-star-empty:before {content: "\e007";}
:where(.dg-demo-surface) .glyphicon-user:before {content: "\e008";}
:where(.dg-demo-surface) .glyphicon-film:before {content: "\e009";}
:where(.dg-demo-surface) .glyphicon-th-large:before {content: "\e010";}
:where(.dg-demo-surface) .glyphicon-th:before {content: "\e011";}
:where(.dg-demo-surface) .glyphicon-th-list:before {content: "\e012";}
:where(.dg-demo-surface) .glyphicon-ok:before {content: "\e013";}
:where(.dg-demo-surface) .glyphicon-remove:before {content: "\e014";}
:where(.dg-demo-surface) .glyphicon-zoom-in:before {content: "\e015";}
:where(.dg-demo-surface) .glyphicon-zoom-out:before {content: "\e016";}
:where(.dg-demo-surface) .glyphicon-off:before {content: "\e017";}
:where(.dg-demo-surface) .glyphicon-signal:before {content: "\e018";}
:where(.dg-demo-surface) .glyphicon-cog:before {content: "\e019";}
:where(.dg-demo-surface) .glyphicon-trash:before {content: "\e020";}
:where(.dg-demo-surface) .glyphicon-home:before {content: "\e021";}
:where(.dg-demo-surface) .glyphicon-file:before {content: "\e022";}
:where(.dg-demo-surface) .glyphicon-time:before {content: "\e023";}
:where(.dg-demo-surface) .glyphicon-road:before {content: "\e024";}
:where(.dg-demo-surface) .glyphicon-download-alt:before {content: "\e025";}
:where(.dg-demo-surface) .glyphicon-download:before {content: "\e026";}
:where(.dg-demo-surface) .glyphicon-upload:before {content: "\e027";}
:where(.dg-demo-surface) .glyphicon-inbox:before {content: "\e028";}
:where(.dg-demo-surface) .glyphicon-play-circle:before {content: "\e029";}
:where(.dg-demo-surface) .glyphicon-repeat:before {content: "\e030";}
:where(.dg-demo-surface) .glyphicon-refresh:before {content: "\e031";}
:where(.dg-demo-surface) .glyphicon-list-alt:before {content: "\e032";}
:where(.dg-demo-surface) .glyphicon-lock:before {content: "\e033";}
:where(.dg-demo-surface) .glyphicon-flag:before {content: "\e034";}
:where(.dg-demo-surface) .glyphicon-headphones:before {content: "\e035";}
:where(.dg-demo-surface) .glyphicon-volume-off:before {content: "\e036";}
:where(.dg-demo-surface) .glyphicon-volume-down:before {content: "\e037";}
:where(.dg-demo-surface) .glyphicon-volume-up:before {content: "\e038";}
:where(.dg-demo-surface) .glyphicon-qrcode:before {content: "\e039";}
:where(.dg-demo-surface) .glyphicon-barcode:before {content: "\e040";}
:where(.dg-demo-surface) .glyphicon-tag:before {content: "\e041";}
:where(.dg-demo-surface) .glyphicon-tags:before {content: "\e042";}
:where(.dg-demo-surface) .glyphicon-book:before {content: "\e043";}
:where(.dg-demo-surface) .glyphicon-bookmark:before {content: "\e044";}
:where(.dg-demo-surface) .glyphicon-print:before {content: "\e045";}
:where(.dg-demo-surface) .glyphicon-camera:before {content: "\e046";}
:where(.dg-demo-surface) .glyphicon-font:before {content: "\e047";}
:where(.dg-demo-surface) .glyphicon-bold:before {content: "\e048";}
:where(.dg-demo-surface) .glyphicon-italic:before {content: "\e049";}
:where(.dg-demo-surface) .glyphicon-text-height:before {content: "\e050";}
:where(.dg-demo-surface) .glyphicon-text-width:before {content: "\e051";}
:where(.dg-demo-surface) .glyphicon-align-left:before {content: "\e052";}
:where(.dg-demo-surface) .glyphicon-align-center:before {content: "\e053";}
:where(.dg-demo-surface) .glyphicon-align-right:before {content: "\e054";}
:where(.dg-demo-surface) .glyphicon-align-justify:before {content: "\e055";}
:where(.dg-demo-surface) .glyphicon-list:before {content: "\e056";}
:where(.dg-demo-surface) .glyphicon-indent-left:before {content: "\e057";}
:where(.dg-demo-surface) .glyphicon-indent-right:before {content: "\e058";}
:where(.dg-demo-surface) .glyphicon-facetime-video:before {content: "\e059";}
:where(.dg-demo-surface) .glyphicon-picture:before {content: "\e060";}
:where(.dg-demo-surface) .glyphicon-map-marker:before {content: "\e062";}
:where(.dg-demo-surface) .glyphicon-adjust:before {content: "\e063";}
:where(.dg-demo-surface) .glyphicon-tint:before {content: "\e064";}
:where(.dg-demo-surface) .glyphicon-edit:before {content: "\e065";}
:where(.dg-demo-surface) .glyphicon-share:before {content: "\e066";}
:where(.dg-demo-surface) .glyphicon-check:before {content: "\e067";}
:where(.dg-demo-surface) .glyphicon-move:before {content: "\e068";}
:where(.dg-demo-surface) .glyphicon-step-backward:before {content: "\e069";}
:where(.dg-demo-surface) .glyphicon-fast-backward:before {content: "\e070";}
:where(.dg-demo-surface) .glyphicon-backward:before {content: "\e071";}
:where(.dg-demo-surface) .glyphicon-play:before {content: "\e072";}
:where(.dg-demo-surface) .glyphicon-pause:before {content: "\e073";}
:where(.dg-demo-surface) .glyphicon-stop:before {content: "\e074";}
:where(.dg-demo-surface) .glyphicon-forward:before {content: "\e075";}
:where(.dg-demo-surface) .glyphicon-fast-forward:before {content: "\e076";}
:where(.dg-demo-surface) .glyphicon-step-forward:before {content: "\e077";}
:where(.dg-demo-surface) .glyphicon-eject:before {content: "\e078";}
:where(.dg-demo-surface) .glyphicon-chevron-left:before {content: "\e079";}
:where(.dg-demo-surface) .glyphicon-chevron-right:before {content: "\e080";}
:where(.dg-demo-surface) .glyphicon-plus-sign:before {content: "\e081";}
:where(.dg-demo-surface) .glyphicon-minus-sign:before {content: "\e082";}
:where(.dg-demo-surface) .glyphicon-remove-sign:before {content: "\e083";}
:where(.dg-demo-surface) .glyphicon-ok-sign:before {content: "\e084";}
:where(.dg-demo-surface) .glyphicon-question-sign:before {content: "\e085";}
:where(.dg-demo-surface) .glyphicon-info-sign:before {content: "\e086";}
:where(.dg-demo-surface) .glyphicon-screenshot:before {content: "\e087";}
:where(.dg-demo-surface) .glyphicon-remove-circle:before {content: "\e088";}
:where(.dg-demo-surface) .glyphicon-ok-circle:before {content: "\e089";}
:where(.dg-demo-surface) .glyphicon-ban-circle:before {content: "\e090";}
:where(.dg-demo-surface) .glyphicon-arrow-left:before {content: "\e091";}
:where(.dg-demo-surface) .glyphicon-arrow-right:before {content: "\e092";}
:where(.dg-demo-surface) .glyphicon-arrow-up:before {content: "\e093";}
:where(.dg-demo-surface) .glyphicon-arrow-down:before {content: "\e094";}
:where(.dg-demo-surface) .glyphicon-share-alt:before {content: "\e095";}
:where(.dg-demo-surface) .glyphicon-resize-full:before {content: "\e096";}
:where(.dg-demo-surface) .glyphicon-resize-small:before {content: "\e097";}
:where(.dg-demo-surface) .glyphicon-exclamation-sign:before {content: "\e101";}
:where(.dg-demo-surface) .glyphicon-gift:before {content: "\e102";}
:where(.dg-demo-surface) .glyphicon-leaf:before {content: "\e103";}
:where(.dg-demo-surface) .glyphicon-fire:before {content: "\e104";}
:where(.dg-demo-surface) .glyphicon-eye-open:before {content: "\e105";}
:where(.dg-demo-surface) .glyphicon-eye-close:before {content: "\e106";}
:where(.dg-demo-surface) .glyphicon-warning-sign:before {content: "\e107";}
:where(.dg-demo-surface) .glyphicon-plane:before {content: "\e108";}
:where(.dg-demo-surface) .glyphicon-calendar:before {content: "\e109";}
:where(.dg-demo-surface) .glyphicon-random:before {content: "\e110";}
:where(.dg-demo-surface) .glyphicon-comment:before {content: "\e111";}
:where(.dg-demo-surface) .glyphicon-magnet:before {content: "\e112";}
:where(.dg-demo-surface) .glyphicon-chevron-up:before {content: "\e113";}
:where(.dg-demo-surface) .glyphicon-chevron-down:before {content: "\e114";}
:where(.dg-demo-surface) .glyphicon-retweet:before {content: "\e115";}
:where(.dg-demo-surface) .glyphicon-shopping-cart:before {content: "\e116";}
:where(.dg-demo-surface) .glyphicon-folder-close:before {content: "\e117";}
:where(.dg-demo-surface) .glyphicon-folder-open:before {content: "\e118";}
:where(.dg-demo-surface) .glyphicon-resize-vertical:before {content: "\e119";}
:where(.dg-demo-surface) .glyphicon-resize-horizontal:before {content: "\e120";}
:where(.dg-demo-surface) .glyphicon-hdd:before {content: "\e121";}
:where(.dg-demo-surface) .glyphicon-bullhorn:before {content: "\e122";}
:where(.dg-demo-surface) .glyphicon-bell:before {content: "\e123";}
:where(.dg-demo-surface) .glyphicon-certificate:before {content: "\e124";}
:where(.dg-demo-surface) .glyphicon-thumbs-up:before {content: "\e125";}
:where(.dg-demo-surface) .glyphicon-thumbs-down:before {content: "\e126";}
:where(.dg-demo-surface) .glyphicon-hand-right:before {content: "\e127";}
:where(.dg-demo-surface) .glyphicon-hand-left:before {content: "\e128";}
:where(.dg-demo-surface) .glyphicon-hand-up:before {content: "\e129";}
:where(.dg-demo-surface) .glyphicon-hand-down:before {content: "\e130";}
:where(.dg-demo-surface) .glyphicon-circle-arrow-right:before {content: "\e131";}
:where(.dg-demo-surface) .glyphicon-circle-arrow-left:before {content: "\e132";}
:where(.dg-demo-surface) .glyphicon-circle-arrow-up:before {content: "\e133";}
:where(.dg-demo-surface) .glyphicon-circle-arrow-down:before {content: "\e134";}
:where(.dg-demo-surface) .glyphicon-globe:before {content: "\e135";}
:where(.dg-demo-surface) .glyphicon-wrench:before {content: "\e136";}
:where(.dg-demo-surface) .glyphicon-tasks:before {content: "\e137";}
:where(.dg-demo-surface) .glyphicon-filter:before {content: "\e138";}
:where(.dg-demo-surface) .glyphicon-briefcase:before {content: "\e139";}
:where(.dg-demo-surface) .glyphicon-fullscreen:before {content: "\e140";}
:where(.dg-demo-surface) .glyphicon-dashboard:before {content: "\e141";}
:where(.dg-demo-surface) .glyphicon-paperclip:before {content: "\e142";}
:where(.dg-demo-surface) .glyphicon-heart-empty:before {content: "\e143";}
:where(.dg-demo-surface) .glyphicon-link:before {content: "\e144";}
:where(.dg-demo-surface) .glyphicon-phone:before {content: "\e145";}
:where(.dg-demo-surface) .glyphicon-pushpin:before {content: "\e146";}
:where(.dg-demo-surface) .glyphicon-usd:before {content: "\e148";}
:where(.dg-demo-surface) .glyphicon-gbp:before {content: "\e149";}
:where(.dg-demo-surface) .glyphicon-sort:before {content: "\e150";}
:where(.dg-demo-surface) .glyphicon-sort-by-alphabet:before {content: "\e151";}
:where(.dg-demo-surface) .glyphicon-sort-by-alphabet-alt:before {content: "\e152";}
:where(.dg-demo-surface) .glyphicon-sort-by-order:before {content: "\e153";}
:where(.dg-demo-surface) .glyphicon-sort-by-order-alt:before {content: "\e154";}
:where(.dg-demo-surface) .glyphicon-sort-by-attributes:before {content: "\e155";}
:where(.dg-demo-surface) .glyphicon-sort-by-attributes-alt:before {content: "\e156";}
:where(.dg-demo-surface) .glyphicon-unchecked:before {content: "\e157";}
:where(.dg-demo-surface) .glyphicon-expand:before {content: "\e158";}
:where(.dg-demo-surface) .glyphicon-collapse-down:before {content: "\e159";}
:where(.dg-demo-surface) .glyphicon-collapse-up:before {content: "\e160";}
:where(.dg-demo-surface) .glyphicon-log-in:before {content: "\e161";}
:where(.dg-demo-surface) .glyphicon-flash:before {content: "\e162";}
:where(.dg-demo-surface) .glyphicon-log-out:before {content: "\e163";}
:where(.dg-demo-surface) .glyphicon-new-window:before {content: "\e164";}
:where(.dg-demo-surface) .glyphicon-record:before {content: "\e165";}
:where(.dg-demo-surface) .glyphicon-save:before {content: "\e166";}
:where(.dg-demo-surface) .glyphicon-open:before {content: "\e167";}
:where(.dg-demo-surface) .glyphicon-saved:before {content: "\e168";}
:where(.dg-demo-surface) .glyphicon-import:before {content: "\e169";}
:where(.dg-demo-surface) .glyphicon-export:before {content: "\e170";}
:where(.dg-demo-surface) .glyphicon-send:before {content: "\e171";}
:where(.dg-demo-surface) .glyphicon-floppy-disk:before {content: "\e172";}
:where(.dg-demo-surface) .glyphicon-floppy-saved:before {content: "\e173";}
:where(.dg-demo-surface) .glyphicon-floppy-remove:before {content: "\e174";}
:where(.dg-demo-surface) .glyphicon-floppy-save:before {content: "\e175";}
:where(.dg-demo-surface) .glyphicon-floppy-open:before {content: "\e176";}
:where(.dg-demo-surface) .glyphicon-credit-card:before {content: "\e177";}
:where(.dg-demo-surface) .glyphicon-transfer:before {content: "\e178";}
:where(.dg-demo-surface) .glyphicon-cutlery:before {content: "\e179";}
:where(.dg-demo-surface) .glyphicon-header:before {content: "\e180";}
:where(.dg-demo-surface) .glyphicon-compressed:before {content: "\e181";}
:where(.dg-demo-surface) .glyphicon-earphone:before {content: "\e182";}
:where(.dg-demo-surface) .glyphicon-phone-alt:before {content: "\e183";}
:where(.dg-demo-surface) .glyphicon-tower:before {content: "\e184";}
:where(.dg-demo-surface) .glyphicon-stats:before {content: "\e185";}
:where(.dg-demo-surface) .glyphicon-sd-video:before {content: "\e186";}
:where(.dg-demo-surface) .glyphicon-hd-video:before {content: "\e187";}
:where(.dg-demo-surface) .glyphicon-subtitles:before {content: "\e188";}
:where(.dg-demo-surface) .glyphicon-sound-stereo:before {content: "\e189";}
:where(.dg-demo-surface) .glyphicon-sound-dolby:before {content: "\e190";}
:where(.dg-demo-surface) .glyphicon-sound-5-1:before {content: "\e191";}
:where(.dg-demo-surface) .glyphicon-sound-6-1:before {content: "\e192";}
:where(.dg-demo-surface) .glyphicon-sound-7-1:before {content: "\e193";}
:where(.dg-demo-surface) .glyphicon-copyright-mark:before {content: "\e194";}
:where(.dg-demo-surface) .glyphicon-registration-mark:before {content: "\e195";}
:where(.dg-demo-surface) .glyphicon-cloud-download:before {content: "\e197";}
:where(.dg-demo-surface) .glyphicon-cloud-upload:before {content: "\e198";}
:where(.dg-demo-surface) .glyphicon-tree-conifer:before {content: "\e199";}
:where(.dg-demo-surface) .glyphicon-tree-deciduous:before {content: "\e200";}
:where(.dg-demo-surface) .glyphicon-cd:before {content: "\e201";}
:where(.dg-demo-surface) .glyphicon-save-file:before {content: "\e202";}
:where(.dg-demo-surface) .glyphicon-open-file:before {content: "\e203";}
:where(.dg-demo-surface) .glyphicon-level-up:before {content: "\e204";}
:where(.dg-demo-surface) .glyphicon-copy:before {content: "\e205";}
:where(.dg-demo-surface) .glyphicon-paste:before {content: "\e206";}
:where(.dg-demo-surface) .glyphicon-alert:before {content: "\e209";}
:where(.dg-demo-surface) .glyphicon-equalizer:before {content: "\e210";}
:where(.dg-demo-surface) .glyphicon-king:before {content: "\e211";}
:where(.dg-demo-surface) .glyphicon-queen:before {content: "\e212";}
:where(.dg-demo-surface) .glyphicon-pawn:before {content: "\e213";}
:where(.dg-demo-surface) .glyphicon-bishop:before {content: "\e214";}
:where(.dg-demo-surface) .glyphicon-knight:before {content: "\e215";}
:where(.dg-demo-surface) .glyphicon-baby-formula:before {content: "\e216";}
:where(.dg-demo-surface) .glyphicon-tent:before {content: "\26fa";}
:where(.dg-demo-surface) .glyphicon-blackboard:before {content: "\e218";}
:where(.dg-demo-surface) .glyphicon-bed:before {content: "\e219";}
:where(.dg-demo-surface) .glyphicon-apple:before {content: "\f8ff";}
:where(.dg-demo-surface) .glyphicon-erase:before {content: "\e221";}
:where(.dg-demo-surface) .glyphicon-hourglass:before {content: "\231b";}
:where(.dg-demo-surface) .glyphicon-lamp:before {content: "\e223";}
:where(.dg-demo-surface) .glyphicon-duplicate:before {content: "\e224";}
:where(.dg-demo-surface) .glyphicon-piggy-bank:before {content: "\e225";}
:where(.dg-demo-surface) .glyphicon-scissors:before {content: "\e226";}
:where(.dg-demo-surface) .glyphicon-bitcoin:before {content: "\e227";}
:where(.dg-demo-surface) .glyphicon-btc:before {content: "\e227";}
:where(.dg-demo-surface) .glyphicon-xbt:before {content: "\e227";}
:where(.dg-demo-surface) .glyphicon-yen:before {content: "\00a5";}
:where(.dg-demo-surface) .glyphicon-jpy:before {content: "\00a5";}
:where(.dg-demo-surface) .glyphicon-ruble:before {content: "\20bd";}
:where(.dg-demo-surface) .glyphicon-rub:before {content: "\20bd";}
:where(.dg-demo-surface) .glyphicon-scale:before {content: "\e230";}
:where(.dg-demo-surface) .glyphicon-ice-lolly:before {content: "\e231";}
:where(.dg-demo-surface) .glyphicon-ice-lolly-tasted:before {content: "\e232";}
:where(.dg-demo-surface) .glyphicon-education:before {content: "\e233";}
:where(.dg-demo-surface) .glyphicon-option-horizontal:before {content: "\e234";}
:where(.dg-demo-surface) .glyphicon-option-vertical:before {content: "\e235";}
:where(.dg-demo-surface) .glyphicon-menu-hamburger:before {content: "\e236";}
:where(.dg-demo-surface) .glyphicon-modal-window:before {content: "\e237";}
:where(.dg-demo-surface) .glyphicon-oil:before {content: "\e238";}
:where(.dg-demo-surface) .glyphicon-grain:before {content: "\e239";}
:where(.dg-demo-surface) .glyphicon-sunglasses:before {content: "\e240";}
:where(.dg-demo-surface) .glyphicon-text-size:before {content: "\e241";}
:where(.dg-demo-surface) .glyphicon-text-color:before {content: "\e242";}
:where(.dg-demo-surface) .glyphicon-text-background:before {content: "\e243";}
:where(.dg-demo-surface) .glyphicon-object-align-top:before {content: "\e244";}
:where(.dg-demo-surface) .glyphicon-object-align-bottom:before {content: "\e245";}
:where(.dg-demo-surface) .glyphicon-object-align-horizontal:before {content: "\e246";}
:where(.dg-demo-surface) .glyphicon-object-align-left:before {content: "\e247";}
:where(.dg-demo-surface) .glyphicon-object-align-vertical:before {content: "\e248";}
:where(.dg-demo-surface) .glyphicon-object-align-right:before {content: "\e249";}
:where(.dg-demo-surface) .glyphicon-triangle-right:before {content: "\e250";}
:where(.dg-demo-surface) .glyphicon-triangle-left:before {content: "\e251";}
:where(.dg-demo-surface) .glyphicon-triangle-bottom:before {content: "\e252";}
:where(.dg-demo-surface) .glyphicon-triangle-top:before {content: "\e253";}
:where(.dg-demo-surface) .glyphicon-console:before {content: "\e254";}
:where(.dg-demo-surface) .glyphicon-superscript:before {content: "\e255";}
:where(.dg-demo-surface) .glyphicon-subscript:before {content: "\e256";}
:where(.dg-demo-surface) .glyphicon-menu-left:before {content: "\e257";}
:where(.dg-demo-surface) .glyphicon-menu-right:before {content: "\e258";}
:where(.dg-demo-surface) .glyphicon-menu-down:before {content: "\e259";}
:where(.dg-demo-surface) .glyphicon-menu-up:before {content: "\e260";}
:where(.dg-demo-surface) * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:where(.dg-demo-surface) :after,:where(.dg-demo-surface) :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.dg-demo-surface {font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.dg-demo-surface {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff;}
:where(.dg-demo-surface) button,:where(.dg-demo-surface) input,:where(.dg-demo-surface) select,:where(.dg-demo-surface) textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
:where(.dg-demo-surface) a {color: #337ab7; text-decoration: none;}
:where(.dg-demo-surface) a:focus,:where(.dg-demo-surface) a:hover {color: #23527c; text-decoration: underline;}
:where(.dg-demo-surface) a:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
:where(.dg-demo-surface) figure {margin: 0;}
:where(.dg-demo-surface) img {vertical-align: middle;}
:where(.dg-demo-surface) .carousel-inner>.item>a>img,:where(.dg-demo-surface) .carousel-inner>.item>img,:where(.dg-demo-surface) .img-responsive,:where(.dg-demo-surface) .thumbnail a>img,:where(.dg-demo-surface) .thumbnail>img {display: block; max-width: 100%; height: auto;}
:where(.dg-demo-surface) .img-rounded {border-radius: 6px;}
:where(.dg-demo-surface) .img-thumbnail {display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
:where(.dg-demo-surface) .img-circle {border-radius: 50%;}
:where(.dg-demo-surface) hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
:where(.dg-demo-surface) .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
:where(.dg-demo-surface) .sr-only-focusable:active,:where(.dg-demo-surface) .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}
:where(.dg-demo-surface) [role=button] {cursor: pointer;}
:where(.dg-demo-surface) .h1,:where(.dg-demo-surface) .h2,:where(.dg-demo-surface) .h3,:where(.dg-demo-surface) .h4,:where(.dg-demo-surface) .h5,:where(.dg-demo-surface) .h6,:where(.dg-demo-surface) h1,:where(.dg-demo-surface) h2,:where(.dg-demo-surface) h3,:where(.dg-demo-surface) h4,:where(.dg-demo-surface) h5,:where(.dg-demo-surface) h6 {font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
:where(.dg-demo-surface) .h1 .small,:where(.dg-demo-surface) .h1 small,:where(.dg-demo-surface) .h2 .small,:where(.dg-demo-surface) .h2 small,:where(.dg-demo-surface) .h3 .small,:where(.dg-demo-surface) .h3 small,:where(.dg-demo-surface) .h4 .small,:where(.dg-demo-surface) .h4 small,:where(.dg-demo-surface) .h5 .small,:where(.dg-demo-surface) .h5 small,:where(.dg-demo-surface) .h6 .small,:where(.dg-demo-surface) .h6 small,:where(.dg-demo-surface) h1 .small,:where(.dg-demo-surface) h1 small,:where(.dg-demo-surface) h2 .small,:where(.dg-demo-surface) h2 small,:where(.dg-demo-surface) h3 .small,:where(.dg-demo-surface) h3 small,:where(.dg-demo-surface) h4 .small,:where(.dg-demo-surface) h4 small,:where(.dg-demo-surface) h5 .small,:where(.dg-demo-surface) h5 small,:where(.dg-demo-surface) h6 .small,:where(.dg-demo-surface) h6 small {font-weight: 400; line-height: 1; color: #777;}
:where(.dg-demo-surface) .h1,:where(.dg-demo-surface) .h2,:where(.dg-demo-surface) .h3,:where(.dg-demo-surface) h1,:where(.dg-demo-surface) h2,:where(.dg-demo-surface) h3 {margin-top: 20px; margin-bottom: 10px;}
:where(.dg-demo-surface) .h1 .small,:where(.dg-demo-surface) .h1 small,:where(.dg-demo-surface) .h2 .small,:where(.dg-demo-surface) .h2 small,:where(.dg-demo-surface) .h3 .small,:where(.dg-demo-surface) .h3 small,:where(.dg-demo-surface) h1 .small,:where(.dg-demo-surface) h1 small,:where(.dg-demo-surface) h2 .small,:where(.dg-demo-surface) h2 small,:where(.dg-demo-surface) h3 .small,:where(.dg-demo-surface) h3 small {font-size: 65%;}
:where(.dg-demo-surface) .h4,:where(.dg-demo-surface) .h5,:where(.dg-demo-surface) .h6,:where(.dg-demo-surface) h4,:where(.dg-demo-surface) h5,:where(.dg-demo-surface) h6 {margin-top: 10px; margin-bottom: 10px;}
:where(.dg-demo-surface) .h4 .small,:where(.dg-demo-surface) .h4 small,:where(.dg-demo-surface) .h5 .small,:where(.dg-demo-surface) .h5 small,:where(.dg-demo-surface) .h6 .small,:where(.dg-demo-surface) .h6 small,:where(.dg-demo-surface) h4 .small,:where(.dg-demo-surface) h4 small,:where(.dg-demo-surface) h5 .small,:where(.dg-demo-surface) h5 small,:where(.dg-demo-surface) h6 .small,:where(.dg-demo-surface) h6 small {font-size: 75%;}
:where(.dg-demo-surface) .h1,:where(.dg-demo-surface) h1 {font-size: 36px;}
:where(.dg-demo-surface) .h2,:where(.dg-demo-surface) h2 {font-size: 30px;}
:where(.dg-demo-surface) .h3,:where(.dg-demo-surface) h3 {font-size: 24px;}
:where(.dg-demo-surface) .h4,:where(.dg-demo-surface) h4 {font-size: 18px;}
:where(.dg-demo-surface) .h5,:where(.dg-demo-surface) h5 {font-size: 14px;}
:where(.dg-demo-surface) .h6,:where(.dg-demo-surface) h6 {font-size: 12px;}
:where(.dg-demo-surface) p {margin: 0 0 10px;}
:where(.dg-demo-surface) .lead {margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4;}
@media (min-width:768px){:where(.dg-demo-surface) .lead {font-size: 21px;}}
:where(.dg-demo-surface) .small,:where(.dg-demo-surface) small {font-size: 85%;}
:where(.dg-demo-surface) .mark,:where(.dg-demo-surface) mark {padding: .2em; background-color: #fcf8e3;}
:where(.dg-demo-surface) .text-left {text-align: left;}
:where(.dg-demo-surface) .text-right {text-align: right;}
:where(.dg-demo-surface) .text-center {text-align: center;}
:where(.dg-demo-surface) .text-justify {text-align: justify;}
:where(.dg-demo-surface) .text-nowrap {white-space: nowrap;}
:where(.dg-demo-surface) .text-lowercase {text-transform: lowercase;}
:where(.dg-demo-surface) .text-uppercase {text-transform: uppercase;}
:where(.dg-demo-surface) .text-capitalize {text-transform: capitalize;}
:where(.dg-demo-surface) .text-muted {color: #777;}
:where(.dg-demo-surface) .text-primary {color: #337ab7;}
:where(.dg-demo-surface) a.text-primary:focus,:where(.dg-demo-surface) a.text-primary:hover {color: #286090;}
:where(.dg-demo-surface) .text-success {color: #3c763d;}
:where(.dg-demo-surface) a.text-success:focus,:where(.dg-demo-surface) a.text-success:hover {color: #2b542c;}
:where(.dg-demo-surface) .text-info {color: #31708f;}
:where(.dg-demo-surface) a.text-info:focus,:where(.dg-demo-surface) a.text-info:hover {color: #245269;}
:where(.dg-demo-surface) .text-warning {color: #8a6d3b;}
:where(.dg-demo-surface) a.text-warning:focus,:where(.dg-demo-surface) a.text-warning:hover {color: #66512c;}
:where(.dg-demo-surface) .text-danger {color: #a94442;}
:where(.dg-demo-surface) a.text-danger:focus,:where(.dg-demo-surface) a.text-danger:hover {color: #843534;}
:where(.dg-demo-surface) .bg-primary {color: #fff; background-color: #337ab7;}
:where(.dg-demo-surface) a.bg-primary:focus,:where(.dg-demo-surface) a.bg-primary:hover {background-color: #286090;}
:where(.dg-demo-surface) .bg-success {background-color: #dff0d8;}
:where(.dg-demo-surface) a.bg-success:focus,:where(.dg-demo-surface) a.bg-success:hover {background-color: #c1e2b3;}
:where(.dg-demo-surface) .bg-info {background-color: #d9edf7;}
:where(.dg-demo-surface) a.bg-info:focus,:where(.dg-demo-surface) a.bg-info:hover {background-color: #afd9ee;}
:where(.dg-demo-surface) .bg-warning {background-color: #fcf8e3;}
:where(.dg-demo-surface) a.bg-warning:focus,:where(.dg-demo-surface) a.bg-warning:hover {background-color: #f7ecb5;}
:where(.dg-demo-surface) .bg-danger {background-color: #f2dede;}
:where(.dg-demo-surface) a.bg-danger:focus,:where(.dg-demo-surface) a.bg-danger:hover {background-color: #e4b9b9;}
:where(.dg-demo-surface) .page-header {padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee;}
:where(.dg-demo-surface) ol,:where(.dg-demo-surface) ul {margin-top: 0; margin-bottom: 10px;}
:where(.dg-demo-surface) ol ol,:where(.dg-demo-surface) ol ul,:where(.dg-demo-surface) ul ol,:where(.dg-demo-surface) ul ul {margin-bottom: 0;}
:where(.dg-demo-surface) .list-unstyled {padding-left: 0; list-style: none;}
:where(.dg-demo-surface) .list-inline {padding-left: 0; margin-left: -5px; list-style: none;}
:where(.dg-demo-surface) .list-inline>li {display: inline-block; padding-right: 5px; padding-left: 5px;}
:where(.dg-demo-surface) dl {margin-top: 0; margin-bottom: 20px;}
:where(.dg-demo-surface) dd,:where(.dg-demo-surface) dt {line-height: 1.42857143;}
:where(.dg-demo-surface) dt {font-weight: 700;}
:where(.dg-demo-surface) dd {margin-left: 0;}
@media (min-width:768px){:where(.dg-demo-surface) .dl-horizontal dt {float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap;}
:where(.dg-demo-surface) .dl-horizontal dd {margin-left: 180px;}}
:where(.dg-demo-surface) abbr[data-original-title],:where(.dg-demo-surface) abbr[title] {cursor: help; border-bottom: 1px dotted #777;}
:where(.dg-demo-surface) .initialism {font-size: 90%; text-transform: uppercase;}
:where(.dg-demo-surface) blockquote {padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee;}
:where(.dg-demo-surface) blockquote ol:last-child,:where(.dg-demo-surface) blockquote p:last-child,:where(.dg-demo-surface) blockquote ul:last-child {margin-bottom: 0;}
:where(.dg-demo-surface) blockquote .small,:where(.dg-demo-surface) blockquote footer,:where(.dg-demo-surface) blockquote small {display: block; font-size: 80%; line-height: 1.42857143; color: #777;}
:where(.dg-demo-surface) blockquote .small:before,:where(.dg-demo-surface) blockquote footer:before,:where(.dg-demo-surface) blockquote small:before {content: '\2014 \00A0';}
:where(.dg-demo-surface) .blockquote-reverse,:where(.dg-demo-surface) blockquote.pull-right {padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0;}
:where(.dg-demo-surface) .blockquote-reverse .small:before,:where(.dg-demo-surface) .blockquote-reverse footer:before,:where(.dg-demo-surface) .blockquote-reverse small:before,:where(.dg-demo-surface) blockquote.pull-right .small:before,:where(.dg-demo-surface) blockquote.pull-right footer:before,:where(.dg-demo-surface) blockquote.pull-right small:before {content: '';}
:where(.dg-demo-surface) .blockquote-reverse .small:after,:where(.dg-demo-surface) .blockquote-reverse footer:after,:where(.dg-demo-surface) .blockquote-reverse small:after,:where(.dg-demo-surface) blockquote.pull-right .small:after,:where(.dg-demo-surface) blockquote.pull-right footer:after,:where(.dg-demo-surface) blockquote.pull-right small:after {content: '\00A0 \2014';}
:where(.dg-demo-surface) address {margin-bottom: 20px; font-style: normal; line-height: 1.42857143;}
:where(.dg-demo-surface) code,:where(.dg-demo-surface) kbd,:where(.dg-demo-surface) pre,:where(.dg-demo-surface) samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
:where(.dg-demo-surface) code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px;}
:where(.dg-demo-surface) kbd {padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);}
:where(.dg-demo-surface) kbd kbd {padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none;}
:where(.dg-demo-surface) pre {display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}
:where(.dg-demo-surface) pre code {padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;}
:where(.dg-demo-surface) .pre-scrollable {max-height: 340px; overflow-y: scroll;}
:where(.dg-demo-surface) .container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width:768px){:where(.dg-demo-surface) .container {width: 750px;}}
@media (min-width:992px){:where(.dg-demo-surface) .container {width: 970px;}}
@media (min-width:1200px){:where(.dg-demo-surface) .container {width: 1170px;}}
:where(.dg-demo-surface) .container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
:where(.dg-demo-surface) .row {margin-right: -15px; margin-left: -15px;}
:where(.dg-demo-surface) .col-lg-1,:where(.dg-demo-surface) .col-lg-10,:where(.dg-demo-surface) .col-lg-11,:where(.dg-demo-surface) .col-lg-12,:where(.dg-demo-surface) .col-lg-2,:where(.dg-demo-surface) .col-lg-3,:where(.dg-demo-surface) .col-lg-4,:where(.dg-demo-surface) .col-lg-5,:where(.dg-demo-surface) .col-lg-6,:where(.dg-demo-surface) .col-lg-7,:where(.dg-demo-surface) .col-lg-8,:where(.dg-demo-surface) .col-lg-9,:where(.dg-demo-surface) .col-md-1,:where(.dg-demo-surface) .col-md-10,:where(.dg-demo-surface) .col-md-11,:where(.dg-demo-surface) .col-md-12,:where(.dg-demo-surface) .col-md-2,:where(.dg-demo-surface) .col-md-3,:where(.dg-demo-surface) .col-md-4,:where(.dg-demo-surface) .col-md-5,:where(.dg-demo-surface) .col-md-6,:where(.dg-demo-surface) .col-md-7,:where(.dg-demo-surface) .col-md-8,:where(.dg-demo-surface) .col-md-9,:where(.dg-demo-surface) .col-sm-1,:where(.dg-demo-surface) .col-sm-10,:where(.dg-demo-surface) .col-sm-11,:where(.dg-demo-surface) .col-sm-12,:where(.dg-demo-surface) .col-sm-2,:where(.dg-demo-surface) .col-sm-3,:where(.dg-demo-surface) .col-sm-4,:where(.dg-demo-surface) .col-sm-5,:where(.dg-demo-surface) .col-sm-6,:where(.dg-demo-surface) .col-sm-7,:where(.dg-demo-surface) .col-sm-8,:where(.dg-demo-surface) .col-sm-9,:where(.dg-demo-surface) .col-xs-1,:where(.dg-demo-surface) .col-xs-10,:where(.dg-demo-surface) .col-xs-11,:where(.dg-demo-surface) .col-xs-12,:where(.dg-demo-surface) .col-xs-2,:where(.dg-demo-surface) .col-xs-3,:where(.dg-demo-surface) .col-xs-4,:where(.dg-demo-surface) .col-xs-5,:where(.dg-demo-surface) .col-xs-6,:where(.dg-demo-surface) .col-xs-7,:where(.dg-demo-surface) .col-xs-8,:where(.dg-demo-surface) .col-xs-9 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
:where(.dg-demo-surface) .col-xs-1,:where(.dg-demo-surface) .col-xs-10,:where(.dg-demo-surface) .col-xs-11,:where(.dg-demo-surface) .col-xs-12,:where(.dg-demo-surface) .col-xs-2,:where(.dg-demo-surface) .col-xs-3,:where(.dg-demo-surface) .col-xs-4,:where(.dg-demo-surface) .col-xs-5,:where(.dg-demo-surface) .col-xs-6,:where(.dg-demo-surface) .col-xs-7,:where(.dg-demo-surface) .col-xs-8,:where(.dg-demo-surface) .col-xs-9 {float: left;}
:where(.dg-demo-surface) .col-xs-12 {width: 100%;}
:where(.dg-demo-surface) .col-xs-11 {width: 91.66666667%;}
:where(.dg-demo-surface) .col-xs-10 {width: 83.33333333%;}
:where(.dg-demo-surface) .col-xs-9 {width: 75%;}
:where(.dg-demo-surface) .col-xs-8 {width: 66.66666667%;}
:where(.dg-demo-surface) .col-xs-7 {width: 58.33333333%;}
:where(.dg-demo-surface) .col-xs-6 {width: 50%;}
:where(.dg-demo-surface) .col-xs-5 {width: 41.66666667%;}
:where(.dg-demo-surface) .col-xs-4 {width: 33.33333333%;}
:where(.dg-demo-surface) .col-xs-3 {width: 25%;}
:where(.dg-demo-surface) .col-xs-2 {width: 16.66666667%;}
:where(.dg-demo-surface) .col-xs-1 {width: 8.33333333%;}
:where(.dg-demo-surface) .col-xs-pull-12 {right: 100%;}
:where(.dg-demo-surface) .col-xs-pull-11 {right: 91.66666667%;}
:where(.dg-demo-surface) .col-xs-pull-10 {right: 83.33333333%;}
:where(.dg-demo-surface) .col-xs-pull-9 {right: 75%;}
:where(.dg-demo-surface) .col-xs-pull-8 {right: 66.66666667%;}
:where(.dg-demo-surface) .col-xs-pull-7 {right: 58.33333333%;}
:where(.dg-demo-surface) .col-xs-pull-6 {right: 50%;}
:where(.dg-demo-surface) .col-xs-pull-5 {right: 41.66666667%;}
:where(.dg-demo-surface) .col-xs-pull-4 {right: 33.33333333%;}
:where(.dg-demo-surface) .col-xs-pull-3 {right: 25%;}
:where(.dg-demo-surface) .col-xs-pull-2 {right: 16.66666667%;}
:where(.dg-demo-surface) .col-xs-pull-1 {right: 8.33333333%;}
:where(.dg-demo-surface) .col-xs-pull-0 {right: auto;}
:where(.dg-demo-surface) .col-xs-push-12 {left: 100%;}
:where(.dg-demo-surface) .col-xs-push-11 {left: 91.66666667%;}
:where(.dg-demo-surface) .col-xs-push-10 {left: 83.33333333%;}
:where(.dg-demo-surface) .col-xs-push-9 {left: 75%;}
:where(.dg-demo-surface) .col-xs-push-8 {left: 66.66666667%;}
:where(.dg-demo-surface) .col-xs-push-7 {left: 58.33333333%;}
:where(.dg-demo-surface) .col-xs-push-6 {left: 50%;}
:where(.dg-demo-surface) .col-xs-push-5 {left: 41.66666667%;}
:where(.dg-demo-surface) .col-xs-push-4 {left: 33.33333333%;}
:where(.dg-demo-surface) .col-xs-push-3 {left: 25%;}
:where(.dg-demo-surface) .col-xs-push-2 {left: 16.66666667%;}
:where(.dg-demo-surface) .col-xs-push-1 {left: 8.33333333%;}
:where(.dg-demo-surface) .col-xs-push-0 {left: auto;}
:where(.dg-demo-surface) .col-xs-offset-12 {margin-left: 100%;}
:where(.dg-demo-surface) .col-xs-offset-11 {margin-left: 91.66666667%;}
:where(.dg-demo-surface) .col-xs-offset-10 {margin-left: 83.33333333%;}
:where(.dg-demo-surface) .col-xs-offset-9 {margin-left: 75%;}
:where(.dg-demo-surface) .col-xs-offset-8 {margin-left: 66.66666667%;}
:where(.dg-demo-surface) .col-xs-offset-7 {margin-left: 58.33333333%;}
:where(.dg-demo-surface) .col-xs-offset-6 {margin-left: 50%;}
:where(.dg-demo-surface) .col-xs-offset-5 {margin-left: 41.66666667%;}
:where(.dg-demo-surface) .col-xs-offset-4 {margin-left: 33.33333333%;}
:where(.dg-demo-surface) .col-xs-offset-3 {margin-left: 25%;}
:where(.dg-demo-surface) .col-xs-offset-2 {margin-left: 16.66666667%;}
:where(.dg-demo-surface) .col-xs-offset-1 {margin-left: 8.33333333%;}
:where(.dg-demo-surface) .col-xs-offset-0 {margin-left: 0;}
@media (min-width:768px){:where(.dg-demo-surface) .col-sm-1,:where(.dg-demo-surface) .col-sm-10,:where(.dg-demo-surface) .col-sm-11,:where(.dg-demo-surface) .col-sm-12,:where(.dg-demo-surface) .col-sm-2,:where(.dg-demo-surface) .col-sm-3,:where(.dg-demo-surface) .col-sm-4,:where(.dg-demo-surface) .col-sm-5,:where(.dg-demo-surface) .col-sm-6,:where(.dg-demo-surface) .col-sm-7,:where(.dg-demo-surface) .col-sm-8,:where(.dg-demo-surface) .col-sm-9 {float: left;}
:where(.dg-demo-surface) .col-sm-12 {width: 100%;}
:where(.dg-demo-surface) .col-sm-11 {width: 91.66666667%;}
:where(.dg-demo-surface) .col-sm-10 {width: 83.33333333%;}
:where(.dg-demo-surface) .col-sm-9 {width: 75%;}
:where(.dg-demo-surface) .col-sm-8 {width: 66.66666667%;}
:where(.dg-demo-surface) .col-sm-7 {width: 58.33333333%;}
:where(.dg-demo-surface) .col-sm-6 {width: 50%;}
:where(.dg-demo-surface) .col-sm-5 {width: 41.66666667%;}
:where(.dg-demo-surface) .col-sm-4 {width: 33.33333333%;}
:where(.dg-demo-surface) .col-sm-3 {width: 25%;}
:where(.dg-demo-surface) .col-sm-2 {width: 16.66666667%;}
:where(.dg-demo-surface) .col-sm-1 {width: 8.33333333%;}
:where(.dg-demo-surface) .col-sm-pull-12 {right: 100%;}
:where(.dg-demo-surface) .col-sm-pull-11 {right: 91.66666667%;}
:where(.dg-demo-surface) .col-sm-pull-10 {right: 83.33333333%;}
:where(.dg-demo-surface) .col-sm-pull-9 {right: 75%;}
:where(.dg-demo-surface) .col-sm-pull-8 {right: 66.66666667%;}
:where(.dg-demo-surface) .col-sm-pull-7 {right: 58.33333333%;}
:where(.dg-demo-surface) .col-sm-pull-6 {right: 50%;}
:where(.dg-demo-surface) .col-sm-pull-5 {right: 41.66666667%;}
:where(.dg-demo-surface) .col-sm-pull-4 {right: 33.33333333%;}
:where(.dg-demo-surface) .col-sm-pull-3 {right: 25%;}
:where(.dg-demo-surface) .col-sm-pull-2 {right: 16.66666667%;}
:where(.dg-demo-surface) .col-sm-pull-1 {right: 8.33333333%;}
:where(.dg-demo-surface) .col-sm-pull-0 {right: auto;}
:where(.dg-demo-surface) .col-sm-push-12 {left: 100%;}
:where(.dg-demo-surface) .col-sm-push-11 {left: 91.66666667%;}
:where(.dg-demo-surface) .col-sm-push-10 {left: 83.33333333%;}
:where(.dg-demo-surface) .col-sm-push-9 {left: 75%;}
:where(.dg-demo-surface) .col-sm-push-8 {left: 66.66666667%;}
:where(.dg-demo-surface) .col-sm-push-7 {left: 58.33333333%;}
:where(.dg-demo-surface) .col-sm-push-6 {left: 50%;}
:where(.dg-demo-surface) .col-sm-push-5 {left: 41.66666667%;}
:where(.dg-demo-surface) .col-sm-push-4 {left: 33.33333333%;}
:where(.dg-demo-surface) .col-sm-push-3 {left: 25%;}
:where(.dg-demo-surface) .col-sm-push-2 {left: 16.66666667%;}
:where(.dg-demo-surface) .col-sm-push-1 {left: 8.33333333%;}
:where(.dg-demo-surface) .col-sm-push-0 {left: auto;}
:where(.dg-demo-surface) .col-sm-offset-12 {margin-left: 100%;}
:where(.dg-demo-surface) .col-sm-offset-11 {margin-left: 91.66666667%;}
:where(.dg-demo-surface) .col-sm-offset-10 {margin-left: 83.33333333%;}
:where(.dg-demo-surface) .col-sm-offset-9 {margin-left: 75%;}
:where(.dg-demo-surface) .col-sm-offset-8 {margin-left: 66.66666667%;}
:where(.dg-demo-surface) .col-sm-offset-7 {margin-left: 58.33333333%;}
:where(.dg-demo-surface) .col-sm-offset-6 {margin-left: 50%;}
:where(.dg-demo-surface) .col-sm-offset-5 {margin-left: 41.66666667%;}
:where(.dg-demo-surface) .col-sm-offset-4 {margin-left: 33.33333333%;}
:where(.dg-demo-surface) .col-sm-offset-3 {margin-left: 25%;}
:where(.dg-demo-surface) .col-sm-offset-2 {margin-left: 16.66666667%;}
:where(.dg-demo-surface) .col-sm-offset-1 {margin-left: 8.33333333%;}
:where(.dg-demo-surface) .col-sm-offset-0 {margin-left: 0;}}
@media (min-width:992px){:where(.dg-demo-surface) .col-md-1,:where(.dg-demo-surface) .col-md-10,:where(.dg-demo-surface) .col-md-11,:where(.dg-demo-surface) .col-md-12,:where(.dg-demo-surface) .col-md-2,:where(.dg-demo-surface) .col-md-3,:where(.dg-demo-surface) .col-md-4,:where(.dg-demo-surface) .col-md-5,:where(.dg-demo-surface) .col-md-6,:where(.dg-demo-surface) .col-md-7,:where(.dg-demo-surface) .col-md-8,:where(.dg-demo-surface) .col-md-9 {float: left;}
:where(.dg-demo-surface) .col-md-12 {width: 100%;}
:where(.dg-demo-surface) .col-md-11 {width: 91.66666667%;}
:where(.dg-demo-surface) .col-md-10 {width: 83.33333333%;}
:where(.dg-demo-surface) .col-md-9 {width: 75%;}
:where(.dg-demo-surface) .col-md-8 {width: 66.66666667%;}
:where(.dg-demo-surface) .col-md-7 {width: 58.33333333%;}
:where(.dg-demo-surface) .col-md-6 {width: 50%;}
:where(.dg-demo-surface) .col-md-5 {width: 41.66666667%;}
:where(.dg-demo-surface) .col-md-4 {width: 33.33333333%;}
:where(.dg-demo-surface) .col-md-3 {width: 25%;}
:where(.dg-demo-surface) .col-md-2 {width: 16.66666667%;}
:where(.dg-demo-surface) .col-md-1 {width: 8.33333333%;}
:where(.dg-demo-surface) .col-md-pull-12 {right: 100%;}
:where(.dg-demo-surface) .col-md-pull-11 {right: 91.66666667%;}
:where(.dg-demo-surface) .col-md-pull-10 {right: 83.33333333%;}
:where(.dg-demo-surface) .col-md-pull-9 {right: 75%;}
:where(.dg-demo-surface) .col-md-pull-8 {right: 66.66666667%;}
:where(.dg-demo-surface) .col-md-pull-7 {right: 58.33333333%;}
:where(.dg-demo-surface) .col-md-pull-6 {right: 50%;}
:where(.dg-demo-surface) .col-md-pull-5 {right: 41.66666667%;}
:where(.dg-demo-surface) .col-md-pull-4 {right: 33.33333333%;}
:where(.dg-demo-surface) .col-md-pull-3 {right: 25%;}
:where(.dg-demo-surface) .col-md-pull-2 {right: 16.66666667%;}
:where(.dg-demo-surface) .col-md-pull-1 {right: 8.33333333%;}
:where(.dg-demo-surface) .col-md-pull-0 {right: auto;}
:where(.dg-demo-surface) .col-md-push-12 {left: 100%;}
:where(.dg-demo-surface) .col-md-push-11 {left: 91.66666667%;}
:where(.dg-demo-surface) .col-md-push-10 {left: 83.33333333%;}
:where(.dg-demo-surface) .col-md-push-9 {left: 75%;}
:where(.dg-demo-surface) .col-md-push-8 {left: 66.66666667%;}
:where(.dg-demo-surface) .col-md-push-7 {left: 58.33333333%;}
:where(.dg-demo-surface) .col-md-push-6 {left: 50%;}
:where(.dg-demo-surface) .col-md-push-5 {left: 41.66666667%;}
:where(.dg-demo-surface) .col-md-push-4 {left: 33.33333333%;}
:where(.dg-demo-surface) .col-md-push-3 {left: 25%;}
:where(.dg-demo-surface) .col-md-push-2 {left: 16.66666667%;}
:where(.dg-demo-surface) .col-md-push-1 {left: 8.33333333%;}
:where(.dg-demo-surface) .col-md-push-0 {left: auto;}
:where(.dg-demo-surface) .col-md-offset-12 {margin-left: 100%;}
:where(.dg-demo-surface) .col-md-offset-11 {margin-left: 91.66666667%;}
:where(.dg-demo-surface) .col-md-offset-10 {margin-left: 83.33333333%;}
:where(.dg-demo-surface) .col-md-offset-9 {margin-left: 75%;}
:where(.dg-demo-surface) .col-md-offset-8 {margin-left: 66.66666667%;}
:where(.dg-demo-surface) .col-md-offset-7 {margin-left: 58.33333333%;}
:where(.dg-demo-surface) .col-md-offset-6 {margin-left: 50%;}
:where(.dg-demo-surface) .col-md-offset-5 {margin-left: 41.66666667%;}
:where(.dg-demo-surface) .col-md-offset-4 {margin-left: 33.33333333%;}
:where(.dg-demo-surface) .col-md-offset-3 {margin-left: 25%;}
:where(.dg-demo-surface) .col-md-offset-2 {margin-left: 16.66666667%;}
:where(.dg-demo-surface) .col-md-offset-1 {margin-left: 8.33333333%;}
:where(.dg-demo-surface) .col-md-offset-0 {margin-left: 0;}}
@media (min-width:1200px){:where(.dg-demo-surface) .col-lg-1,:where(.dg-demo-surface) .col-lg-10,:where(.dg-demo-surface) .col-lg-11,:where(.dg-demo-surface) .col-lg-12,:where(.dg-demo-surface) .col-lg-2,:where(.dg-demo-surface) .col-lg-3,:where(.dg-demo-surface) .col-lg-4,:where(.dg-demo-surface) .col-lg-5,:where(.dg-demo-surface) .col-lg-6,:where(.dg-demo-surface) .col-lg-7,:where(.dg-demo-surface) .col-lg-8,:where(.dg-demo-surface) .col-lg-9 {float: left;}
:where(.dg-demo-surface) .col-lg-12 {width: 100%;}
:where(.dg-demo-surface) .col-lg-11 {width: 91.66666667%;}
:where(.dg-demo-surface) .col-lg-10 {width: 83.33333333%;}
:where(.dg-demo-surface) .col-lg-9 {width: 75%;}
:where(.dg-demo-surface) .col-lg-8 {width: 66.66666667%;}
:where(.dg-demo-surface) .col-lg-7 {width: 58.33333333%;}
:where(.dg-demo-surface) .col-lg-6 {width: 50%;}
:where(.dg-demo-surface) .col-lg-5 {width: 41.66666667%;}
:where(.dg-demo-surface) .col-lg-4 {width: 33.33333333%;}
:where(.dg-demo-surface) .col-lg-3 {width: 25%;}
:where(.dg-demo-surface) .col-lg-2 {width: 16.66666667%;}
:where(.dg-demo-surface) .col-lg-1 {width: 8.33333333%;}
:where(.dg-demo-surface) .col-lg-pull-12 {right: 100%;}
:where(.dg-demo-surface) .col-lg-pull-11 {right: 91.66666667%;}
:where(.dg-demo-surface) .col-lg-pull-10 {right: 83.33333333%;}
:where(.dg-demo-surface) .col-lg-pull-9 {right: 75%;}
:where(.dg-demo-surface) .col-lg-pull-8 {right: 66.66666667%;}
:where(.dg-demo-surface) .col-lg-pull-7 {right: 58.33333333%;}
:where(.dg-demo-surface) .col-lg-pull-6 {right: 50%;}
:where(.dg-demo-surface) .col-lg-pull-5 {right: 41.66666667%;}
:where(.dg-demo-surface) .col-lg-pull-4 {right: 33.33333333%;}
:where(.dg-demo-surface) .col-lg-pull-3 {right: 25%;}
:where(.dg-demo-surface) .col-lg-pull-2 {right: 16.66666667%;}
:where(.dg-demo-surface) .col-lg-pull-1 {right: 8.33333333%;}
:where(.dg-demo-surface) .col-lg-pull-0 {right: auto;}
:where(.dg-demo-surface) .col-lg-push-12 {left: 100%;}
:where(.dg-demo-surface) .col-lg-push-11 {left: 91.66666667%;}
:where(.dg-demo-surface) .col-lg-push-10 {left: 83.33333333%;}
:where(.dg-demo-surface) .col-lg-push-9 {left: 75%;}
:where(.dg-demo-surface) .col-lg-push-8 {left: 66.66666667%;}
:where(.dg-demo-surface) .col-lg-push-7 {left: 58.33333333%;}
:where(.dg-demo-surface) .col-lg-push-6 {left: 50%;}
:where(.dg-demo-surface) .col-lg-push-5 {left: 41.66666667%;}
:where(.dg-demo-surface) .col-lg-push-4 {left: 33.33333333%;}
:where(.dg-demo-surface) .col-lg-push-3 {left: 25%;}
:where(.dg-demo-surface) .col-lg-push-2 {left: 16.66666667%;}
:where(.dg-demo-surface) .col-lg-push-1 {left: 8.33333333%;}
:where(.dg-demo-surface) .col-lg-push-0 {left: auto;}
:where(.dg-demo-surface) .col-lg-offset-12 {margin-left: 100%;}
:where(.dg-demo-surface) .col-lg-offset-11 {margin-left: 91.66666667%;}
:where(.dg-demo-surface) .col-lg-offset-10 {margin-left: 83.33333333%;}
:where(.dg-demo-surface) .col-lg-offset-9 {margin-left: 75%;}
:where(.dg-demo-surface) .col-lg-offset-8 {margin-left: 66.66666667%;}
:where(.dg-demo-surface) .col-lg-offset-7 {margin-left: 58.33333333%;}
:where(.dg-demo-surface) .col-lg-offset-6 {margin-left: 50%;}
:where(.dg-demo-surface) .col-lg-offset-5 {margin-left: 41.66666667%;}
:where(.dg-demo-surface) .col-lg-offset-4 {margin-left: 33.33333333%;}
:where(.dg-demo-surface) .col-lg-offset-3 {margin-left: 25%;}
:where(.dg-demo-surface) .col-lg-offset-2 {margin-left: 16.66666667%;}
:where(.dg-demo-surface) .col-lg-offset-1 {margin-left: 8.33333333%;}
:where(.dg-demo-surface) .col-lg-offset-0 {margin-left: 0;}}
:where(.dg-demo-surface) table {background-color: transparent;}
:where(.dg-demo-surface) caption {padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left;}
:where(.dg-demo-surface) th {text-align: left;}
:where(.dg-demo-surface) .table {width: 100%; max-width: 100%; margin-bottom: 20px;}
:where(.dg-demo-surface) .table>tbody>tr>td,:where(.dg-demo-surface) .table>tbody>tr>th,:where(.dg-demo-surface) .table>tfoot>tr>td,:where(.dg-demo-surface) .table>tfoot>tr>th,:where(.dg-demo-surface) .table>thead>tr>td,:where(.dg-demo-surface) .table>thead>tr>th {padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
:where(.dg-demo-surface) .table>thead>tr>th {vertical-align: bottom; border-bottom: 2px solid #ddd;}
:where(.dg-demo-surface) .table>caption+thead>tr:first-child>td,:where(.dg-demo-surface) .table>caption+thead>tr:first-child>th,:where(.dg-demo-surface) .table>colgroup+thead>tr:first-child>td,:where(.dg-demo-surface) .table>colgroup+thead>tr:first-child>th,:where(.dg-demo-surface) .table>thead:first-child>tr:first-child>td,:where(.dg-demo-surface) .table>thead:first-child>tr:first-child>th {border-top: 0;}
:where(.dg-demo-surface) .table>tbody+tbody {border-top: 2px solid #ddd;}
:where(.dg-demo-surface) .table .table {background-color: #fff;}
:where(.dg-demo-surface) .table-condensed>tbody>tr>td,:where(.dg-demo-surface) .table-condensed>tbody>tr>th,:where(.dg-demo-surface) .table-condensed>tfoot>tr>td,:where(.dg-demo-surface) .table-condensed>tfoot>tr>th,:where(.dg-demo-surface) .table-condensed>thead>tr>td,:where(.dg-demo-surface) .table-condensed>thead>tr>th {padding: 5px;}
:where(.dg-demo-surface) .table-bordered {border: 1px solid #ddd;}
:where(.dg-demo-surface) .table-bordered>tbody>tr>td,:where(.dg-demo-surface) .table-bordered>tbody>tr>th,:where(.dg-demo-surface) .table-bordered>tfoot>tr>td,:where(.dg-demo-surface) .table-bordered>tfoot>tr>th,:where(.dg-demo-surface) .table-bordered>thead>tr>td,:where(.dg-demo-surface) .table-bordered>thead>tr>th {border: 1px solid #ddd;}
:where(.dg-demo-surface) .table-bordered>thead>tr>td,:where(.dg-demo-surface) .table-bordered>thead>tr>th {border-bottom-width: 2px;}
:where(.dg-demo-surface) .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
:where(.dg-demo-surface) .table-hover>tbody>tr:hover {background-color: #f5f5f5;}
:where(.dg-demo-surface) table col[class*=col-] {position: static; display: table-column; float: none;}
:where(.dg-demo-surface) table td[class*=col-],:where(.dg-demo-surface) table th[class*=col-] {position: static; display: table-cell; float: none;}
:where(.dg-demo-surface) .table>tbody>tr.active>td,:where(.dg-demo-surface) .table>tbody>tr.active>th,:where(.dg-demo-surface) .table>tbody>tr>td.active,:where(.dg-demo-surface) .table>tbody>tr>th.active,:where(.dg-demo-surface) .table>tfoot>tr.active>td,:where(.dg-demo-surface) .table>tfoot>tr.active>th,:where(.dg-demo-surface) .table>tfoot>tr>td.active,:where(.dg-demo-surface) .table>tfoot>tr>th.active,:where(.dg-demo-surface) .table>thead>tr.active>td,:where(.dg-demo-surface) .table>thead>tr.active>th,:where(.dg-demo-surface) .table>thead>tr>td.active,:where(.dg-demo-surface) .table>thead>tr>th.active {background-color: #f5f5f5;}
:where(.dg-demo-surface) .table-hover>tbody>tr.active:hover>td,:where(.dg-demo-surface) .table-hover>tbody>tr.active:hover>th,:where(.dg-demo-surface) .table-hover>tbody>tr:hover>.active,:where(.dg-demo-surface) .table-hover>tbody>tr>td.active:hover,:where(.dg-demo-surface) .table-hover>tbody>tr>th.active:hover {background-color: #e8e8e8;}
:where(.dg-demo-surface) .table>tbody>tr.success>td,:where(.dg-demo-surface) .table>tbody>tr.success>th,:where(.dg-demo-surface) .table>tbody>tr>td.success,:where(.dg-demo-surface) .table>tbody>tr>th.success,:where(.dg-demo-surface) .table>tfoot>tr.success>td,:where(.dg-demo-surface) .table>tfoot>tr.success>th,:where(.dg-demo-surface) .table>tfoot>tr>td.success,:where(.dg-demo-surface) .table>tfoot>tr>th.success,:where(.dg-demo-surface) .table>thead>tr.success>td,:where(.dg-demo-surface) .table>thead>tr.success>th,:where(.dg-demo-surface) .table>thead>tr>td.success,:where(.dg-demo-surface) .table>thead>tr>th.success {background-color: #dff0d8;}
:where(.dg-demo-surface) .table-hover>tbody>tr.success:hover>td,:where(.dg-demo-surface) .table-hover>tbody>tr.success:hover>th,:where(.dg-demo-surface) .table-hover>tbody>tr:hover>.success,:where(.dg-demo-surface) .table-hover>tbody>tr>td.success:hover,:where(.dg-demo-surface) .table-hover>tbody>tr>th.success:hover {background-color: #d0e9c6;}
:where(.dg-demo-surface) .table>tbody>tr.info>td,:where(.dg-demo-surface) .table>tbody>tr.info>th,:where(.dg-demo-surface) .table>tbody>tr>td.info,:where(.dg-demo-surface) .table>tbody>tr>th.info,:where(.dg-demo-surface) .table>tfoot>tr.info>td,:where(.dg-demo-surface) .table>tfoot>tr.info>th,:where(.dg-demo-surface) .table>tfoot>tr>td.info,:where(.dg-demo-surface) .table>tfoot>tr>th.info,:where(.dg-demo-surface) .table>thead>tr.info>td,:where(.dg-demo-surface) .table>thead>tr.info>th,:where(.dg-demo-surface) .table>thead>tr>td.info,:where(.dg-demo-surface) .table>thead>tr>th.info {background-color: #d9edf7;}
:where(.dg-demo-surface) .table-hover>tbody>tr.info:hover>td,:where(.dg-demo-surface) .table-hover>tbody>tr.info:hover>th,:where(.dg-demo-surface) .table-hover>tbody>tr:hover>.info,:where(.dg-demo-surface) .table-hover>tbody>tr>td.info:hover,:where(.dg-demo-surface) .table-hover>tbody>tr>th.info:hover {background-color: #c4e3f3;}
:where(.dg-demo-surface) .table>tbody>tr.warning>td,:where(.dg-demo-surface) .table>tbody>tr.warning>th,:where(.dg-demo-surface) .table>tbody>tr>td.warning,:where(.dg-demo-surface) .table>tbody>tr>th.warning,:where(.dg-demo-surface) .table>tfoot>tr.warning>td,:where(.dg-demo-surface) .table>tfoot>tr.warning>th,:where(.dg-demo-surface) .table>tfoot>tr>td.warning,:where(.dg-demo-surface) .table>tfoot>tr>th.warning,:where(.dg-demo-surface) .table>thead>tr.warning>td,:where(.dg-demo-surface) .table>thead>tr.warning>th,:where(.dg-demo-surface) .table>thead>tr>td.warning,:where(.dg-demo-surface) .table>thead>tr>th.warning {background-color: #fcf8e3;}
:where(.dg-demo-surface) .table-hover>tbody>tr.warning:hover>td,:where(.dg-demo-surface) .table-hover>tbody>tr.warning:hover>th,:where(.dg-demo-surface) .table-hover>tbody>tr:hover>.warning,:where(.dg-demo-surface) .table-hover>tbody>tr>td.warning:hover,:where(.dg-demo-surface) .table-hover>tbody>tr>th.warning:hover {background-color: #faf2cc;}
:where(.dg-demo-surface) .table>tbody>tr.danger>td,:where(.dg-demo-surface) .table>tbody>tr.danger>th,:where(.dg-demo-surface) .table>tbody>tr>td.danger,:where(.dg-demo-surface) .table>tbody>tr>th.danger,:where(.dg-demo-surface) .table>tfoot>tr.danger>td,:where(.dg-demo-surface) .table>tfoot>tr.danger>th,:where(.dg-demo-surface) .table>tfoot>tr>td.danger,:where(.dg-demo-surface) .table>tfoot>tr>th.danger,:where(.dg-demo-surface) .table>thead>tr.danger>td,:where(.dg-demo-surface) .table>thead>tr.danger>th,:where(.dg-demo-surface) .table>thead>tr>td.danger,:where(.dg-demo-surface) .table>thead>tr>th.danger {background-color: #f2dede;}
:where(.dg-demo-surface) .table-hover>tbody>tr.danger:hover>td,:where(.dg-demo-surface) .table-hover>tbody>tr.danger:hover>th,:where(.dg-demo-surface) .table-hover>tbody>tr:hover>.danger,:where(.dg-demo-surface) .table-hover>tbody>tr>td.danger:hover,:where(.dg-demo-surface) .table-hover>tbody>tr>th.danger:hover {background-color: #ebcccc;}
:where(.dg-demo-surface) .table-responsive {min-height: .01%; overflow-x: auto;}
@media screen and (max-width:767px){:where(.dg-demo-surface) .table-responsive {width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd;}
:where(.dg-demo-surface) .table-responsive>.table {margin-bottom: 0;}
:where(.dg-demo-surface) .table-responsive>.table>tbody>tr>td,:where(.dg-demo-surface) .table-responsive>.table>tbody>tr>th,:where(.dg-demo-surface) .table-responsive>.table>tfoot>tr>td,:where(.dg-demo-surface) .table-responsive>.table>tfoot>tr>th,:where(.dg-demo-surface) .table-responsive>.table>thead>tr>td,:where(.dg-demo-surface) .table-responsive>.table>thead>tr>th {white-space: nowrap;}
:where(.dg-demo-surface) .table-responsive>.table-bordered {border: 0;}
:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr>td:first-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr>th:first-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr>td:first-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr>th:first-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>thead>tr>td:first-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>thead>tr>th:first-child {border-left: 0;}
:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr>td:last-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr>th:last-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr>td:last-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr>th:last-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>thead>tr>td:last-child,:where(.dg-demo-surface) .table-responsive>.table-bordered>thead>tr>th:last-child {border-right: 0;}
:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr:last-child>td,:where(.dg-demo-surface) .table-responsive>.table-bordered>tbody>tr:last-child>th,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr:last-child>td,:where(.dg-demo-surface) .table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom: 0;}}
:where(.dg-demo-surface) fieldset {min-width: 0; padding: 0; margin: 0; border: 0;}
:where(.dg-demo-surface) legend {display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
:where(.dg-demo-surface) label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
:where(.dg-demo-surface) input[type=search] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:where(.dg-demo-surface) input[type=checkbox],:where(.dg-demo-surface) input[type=radio] {margin: 4px 0 0; margin-top: 1px\9; line-height: normal;}
:where(.dg-demo-surface) input[type=file] {display: block;}
:where(.dg-demo-surface) input[type=range] {display: block; width: 100%;}
:where(.dg-demo-surface) select[multiple],:where(.dg-demo-surface) select[size] {height: auto;}
:where(.dg-demo-surface) input[type=file]:focus,:where(.dg-demo-surface) input[type=checkbox]:focus,:where(.dg-demo-surface) input[type=radio]:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
:where(.dg-demo-surface) output {display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555;}
:where(.dg-demo-surface) .form-control {display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
:where(.dg-demo-surface) .form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
:where(.dg-demo-surface) .form-control::-moz-placeholder {color: #999; opacity: 1;}
:where(.dg-demo-surface) .form-control:-ms-input-placeholder {color: #999;}
:where(.dg-demo-surface) .form-control::-webkit-input-placeholder {color: #999;}
:where(.dg-demo-surface) .form-control::-ms-expand {background-color: transparent; border: 0;}
:where(.dg-demo-surface) .form-control[disabled],:where(.dg-demo-surface) .form-control[readonly],:where(.dg-demo-surface) fieldset[disabled] .form-control {background-color: #eee; opacity: 1;}
:where(.dg-demo-surface) .form-control[disabled],:where(.dg-demo-surface) fieldset[disabled] .form-control {cursor: not-allowed;}
:where(.dg-demo-surface) textarea.form-control {height: auto;}
:where(.dg-demo-surface) input[type=search] {-webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){:where(.dg-demo-surface) input[type=date].form-control,:where(.dg-demo-surface) input[type=time].form-control,:where(.dg-demo-surface) input[type=datetime-local].form-control,:where(.dg-demo-surface) input[type=month].form-control {line-height: 34px;}
:where(.dg-demo-surface) .input-group-sm input[type=date],:where(.dg-demo-surface) .input-group-sm input[type=time],:where(.dg-demo-surface) .input-group-sm input[type=datetime-local],:where(.dg-demo-surface) .input-group-sm input[type=month],:where(.dg-demo-surface) input[type=date].input-sm,:where(.dg-demo-surface) input[type=time].input-sm,:where(.dg-demo-surface) input[type=datetime-local].input-sm,:where(.dg-demo-surface) input[type=month].input-sm {line-height: 30px;}
:where(.dg-demo-surface) .input-group-lg input[type=date],:where(.dg-demo-surface) .input-group-lg input[type=time],:where(.dg-demo-surface) .input-group-lg input[type=datetime-local],:where(.dg-demo-surface) .input-group-lg input[type=month],:where(.dg-demo-surface) input[type=date].input-lg,:where(.dg-demo-surface) input[type=time].input-lg,:where(.dg-demo-surface) input[type=datetime-local].input-lg,:where(.dg-demo-surface) input[type=month].input-lg {line-height: 46px;}}
:where(.dg-demo-surface) .form-group {margin-bottom: 15px;}
:where(.dg-demo-surface) .checkbox,:where(.dg-demo-surface) .radio {position: relative; display: block; margin-top: 10px; margin-bottom: 10px;}
:where(.dg-demo-surface) .checkbox label,:where(.dg-demo-surface) .radio label {min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer;}
:where(.dg-demo-surface) .checkbox input[type=checkbox],:where(.dg-demo-surface) .checkbox-inline input[type=checkbox],:where(.dg-demo-surface) .radio input[type=radio],:where(.dg-demo-surface) .radio-inline input[type=radio] {position: absolute; margin-top: 4px\9; margin-left: -20px;}
:where(.dg-demo-surface) .checkbox+.checkbox,:where(.dg-demo-surface) .radio+.radio {margin-top: -5px;}
:where(.dg-demo-surface) .checkbox-inline,:where(.dg-demo-surface) .radio-inline {position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer;}
:where(.dg-demo-surface) .checkbox-inline+.checkbox-inline,:where(.dg-demo-surface) .radio-inline+.radio-inline {margin-top: 0; margin-left: 10px;}
:where(.dg-demo-surface) fieldset[disabled] input[type=checkbox],:where(.dg-demo-surface) fieldset[disabled] input[type=radio],:where(.dg-demo-surface) input[type=checkbox].disabled,:where(.dg-demo-surface) input[type=checkbox][disabled],:where(.dg-demo-surface) input[type=radio].disabled,:where(.dg-demo-surface) input[type=radio][disabled] {cursor: not-allowed;}
:where(.dg-demo-surface) .checkbox-inline.disabled,:where(.dg-demo-surface) .radio-inline.disabled,:where(.dg-demo-surface) fieldset[disabled] .checkbox-inline,:where(.dg-demo-surface) fieldset[disabled] .radio-inline {cursor: not-allowed;}
:where(.dg-demo-surface) .checkbox.disabled label,:where(.dg-demo-surface) .radio.disabled label,:where(.dg-demo-surface) fieldset[disabled] .checkbox label,:where(.dg-demo-surface) fieldset[disabled] .radio label {cursor: not-allowed;}
:where(.dg-demo-surface) .form-control-static {min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0;}
:where(.dg-demo-surface) .form-control-static.input-lg,:where(.dg-demo-surface) .form-control-static.input-sm {padding-right: 0; padding-left: 0;}
:where(.dg-demo-surface) .input-sm {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
:where(.dg-demo-surface) select.input-sm {height: 30px; line-height: 30px;}
:where(.dg-demo-surface) select[multiple].input-sm,:where(.dg-demo-surface) textarea.input-sm {height: auto;}
:where(.dg-demo-surface) .form-group-sm .form-control {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
:where(.dg-demo-surface) .form-group-sm select.form-control {height: 30px; line-height: 30px;}
:where(.dg-demo-surface) .form-group-sm select[multiple].form-control,:where(.dg-demo-surface) .form-group-sm textarea.form-control {height: auto;}
:where(.dg-demo-surface) .form-group-sm .form-control-static {height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5;}
:where(.dg-demo-surface) .input-lg {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
:where(.dg-demo-surface) select.input-lg {height: 46px; line-height: 46px;}
:where(.dg-demo-surface) select[multiple].input-lg,:where(.dg-demo-surface) textarea.input-lg {height: auto;}
:where(.dg-demo-surface) .form-group-lg .form-control {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
:where(.dg-demo-surface) .form-group-lg select.form-control {height: 46px; line-height: 46px;}
:where(.dg-demo-surface) .form-group-lg select[multiple].form-control,:where(.dg-demo-surface) .form-group-lg textarea.form-control {height: auto;}
:where(.dg-demo-surface) .form-group-lg .form-control-static {height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333;}
:where(.dg-demo-surface) .has-feedback {position: relative;}
:where(.dg-demo-surface) .has-feedback .form-control {padding-right: 42.5px;}
:where(.dg-demo-surface) .form-control-feedback {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none;}
:where(.dg-demo-surface) .form-group-lg .form-control+.form-control-feedback,:where(.dg-demo-surface) .input-group-lg+.form-control-feedback,:where(.dg-demo-surface) .input-lg+.form-control-feedback {width: 46px; height: 46px; line-height: 46px;}
:where(.dg-demo-surface) .form-group-sm .form-control+.form-control-feedback,:where(.dg-demo-surface) .input-group-sm+.form-control-feedback,:where(.dg-demo-surface) .input-sm+.form-control-feedback {width: 30px; height: 30px; line-height: 30px;}
:where(.dg-demo-surface) .has-success .checkbox,:where(.dg-demo-surface) .has-success .checkbox-inline,:where(.dg-demo-surface) .has-success .control-label,:where(.dg-demo-surface) .has-success .help-block,:where(.dg-demo-surface) .has-success .radio,:where(.dg-demo-surface) .has-success .radio-inline,:where(.dg-demo-surface) .has-success.checkbox label,:where(.dg-demo-surface) .has-success.checkbox-inline label,:where(.dg-demo-surface) .has-success.radio label,:where(.dg-demo-surface) .has-success.radio-inline label {color: #3c763d;}
:where(.dg-demo-surface) .has-success .form-control {border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
:where(.dg-demo-surface) .has-success .form-control:focus {border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;}
:where(.dg-demo-surface) .has-success .input-group-addon {color: #3c763d; background-color: #dff0d8; border-color: #3c763d;}
:where(.dg-demo-surface) .has-success .form-control-feedback {color: #3c763d;}
:where(.dg-demo-surface) .has-warning .checkbox,:where(.dg-demo-surface) .has-warning .checkbox-inline,:where(.dg-demo-surface) .has-warning .control-label,:where(.dg-demo-surface) .has-warning .help-block,:where(.dg-demo-surface) .has-warning .radio,:where(.dg-demo-surface) .has-warning .radio-inline,:where(.dg-demo-surface) .has-warning.checkbox label,:where(.dg-demo-surface) .has-warning.checkbox-inline label,:where(.dg-demo-surface) .has-warning.radio label,:where(.dg-demo-surface) .has-warning.radio-inline label {color: #8a6d3b;}
:where(.dg-demo-surface) .has-warning .form-control {border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
:where(.dg-demo-surface) .has-warning .form-control:focus {border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;}
:where(.dg-demo-surface) .has-warning .input-group-addon {color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b;}
:where(.dg-demo-surface) .has-warning .form-control-feedback {color: #8a6d3b;}
:where(.dg-demo-surface) .has-error .checkbox,:where(.dg-demo-surface) .has-error .checkbox-inline,:where(.dg-demo-surface) .has-error .control-label,:where(.dg-demo-surface) .has-error .help-block,:where(.dg-demo-surface) .has-error .radio,:where(.dg-demo-surface) .has-error .radio-inline,:where(.dg-demo-surface) .has-error.checkbox label,:where(.dg-demo-surface) .has-error.checkbox-inline label,:where(.dg-demo-surface) .has-error.radio label,:where(.dg-demo-surface) .has-error.radio-inline label {color: #a94442;}
:where(.dg-demo-surface) .has-error .form-control {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
:where(.dg-demo-surface) .has-error .form-control:focus {border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;}
:where(.dg-demo-surface) .has-error .input-group-addon {color: #a94442; background-color: #f2dede; border-color: #a94442;}
:where(.dg-demo-surface) .has-error .form-control-feedback {color: #a94442;}
:where(.dg-demo-surface) .has-feedback label~.form-control-feedback {top: 25px;}
:where(.dg-demo-surface) .has-feedback label.sr-only~.form-control-feedback {top: 0;}
:where(.dg-demo-surface) .help-block {display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;}
@media (min-width:768px){:where(.dg-demo-surface) .form-inline .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .form-inline .form-control {display: inline-block; width: auto; vertical-align: middle;}
:where(.dg-demo-surface) .form-inline .form-control-static {display: inline-block;}
:where(.dg-demo-surface) .form-inline .input-group {display: inline-table; vertical-align: middle;}
:where(.dg-demo-surface) .form-inline .input-group .form-control,:where(.dg-demo-surface) .form-inline .input-group .input-group-addon,:where(.dg-demo-surface) .form-inline .input-group .input-group-btn {width: auto;}
:where(.dg-demo-surface) .form-inline .input-group>.form-control {width: 100%;}
:where(.dg-demo-surface) .form-inline .control-label {margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .form-inline .checkbox,:where(.dg-demo-surface) .form-inline .radio {display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .form-inline .checkbox label,:where(.dg-demo-surface) .form-inline .radio label {padding-left: 0;}
:where(.dg-demo-surface) .form-inline .checkbox input[type=checkbox],:where(.dg-demo-surface) .form-inline .radio input[type=radio] {position: relative; margin-left: 0;}
:where(.dg-demo-surface) .form-inline .has-feedback .form-control-feedback {top: 0;}}
:where(.dg-demo-surface) .form-horizontal .checkbox,:where(.dg-demo-surface) .form-horizontal .checkbox-inline,:where(.dg-demo-surface) .form-horizontal .radio,:where(.dg-demo-surface) .form-horizontal .radio-inline {padding-top: 7px; margin-top: 0; margin-bottom: 0;}
:where(.dg-demo-surface) .form-horizontal .checkbox,:where(.dg-demo-surface) .form-horizontal .radio {min-height: 27px;}
:where(.dg-demo-surface) .form-horizontal .form-group {margin-right: -15px; margin-left: -15px;}
@media (min-width:768px){:where(.dg-demo-surface) .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: right;}}
:where(.dg-demo-surface) .form-horizontal .has-feedback .form-control-feedback {right: 15px;}
@media (min-width:768px){:where(.dg-demo-surface) .form-horizontal .form-group-lg .control-label {padding-top: 11px; font-size: 18px;}}
@media (min-width:768px){:where(.dg-demo-surface) .form-horizontal .form-group-sm .control-label {padding-top: 6px; font-size: 12px;}}
:where(.dg-demo-surface) .btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
:where(.dg-demo-surface) .btn.active.focus,:where(.dg-demo-surface) .btn.active:focus,:where(.dg-demo-surface) .btn.focus,:where(.dg-demo-surface) .btn:active.focus,:where(.dg-demo-surface) .btn:active:focus,:where(.dg-demo-surface) .btn:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
:where(.dg-demo-surface) .btn.focus,:where(.dg-demo-surface) .btn:focus,:where(.dg-demo-surface) .btn:hover {color: #333; text-decoration: none;}
:where(.dg-demo-surface) .btn.active,:where(.dg-demo-surface) .btn:active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
:where(.dg-demo-surface) .btn.disabled,:where(.dg-demo-surface) .btn[disabled],:where(.dg-demo-surface) fieldset[disabled] .btn {cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;}
:where(.dg-demo-surface) a.btn.disabled,:where(.dg-demo-surface) fieldset[disabled] a.btn {pointer-events: none;}
:where(.dg-demo-surface) .btn-default {color: #333; background-color: #fff; border-color: #ccc;}
:where(.dg-demo-surface) .btn-default.focus,:where(.dg-demo-surface) .btn-default:focus {color: #333; background-color: #e6e6e6; border-color: #8c8c8c;}
:where(.dg-demo-surface) .btn-default:hover {color: #333; background-color: #e6e6e6; border-color: #adadad;}
:where(.dg-demo-surface) .btn-default.active,:where(.dg-demo-surface) .btn-default:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-default {color: #333; background-color: #e6e6e6; border-color: #adadad;}
:where(.dg-demo-surface) .btn-default.active.focus,:where(.dg-demo-surface) .btn-default.active:focus,:where(.dg-demo-surface) .btn-default.active:hover,:where(.dg-demo-surface) .btn-default:active.focus,:where(.dg-demo-surface) .btn-default:active:focus,:where(.dg-demo-surface) .btn-default:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-default.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-default:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-default:hover {color: #333; background-color: #d4d4d4; border-color: #8c8c8c;}
:where(.dg-demo-surface) .btn-default.active,:where(.dg-demo-surface) .btn-default:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-default {background-image: none;}
:where(.dg-demo-surface) .btn-default.disabled.focus,:where(.dg-demo-surface) .btn-default.disabled:focus,:where(.dg-demo-surface) .btn-default.disabled:hover,:where(.dg-demo-surface) .btn-default[disabled].focus,:where(.dg-demo-surface) .btn-default[disabled]:focus,:where(.dg-demo-surface) .btn-default[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-default.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-default:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-default:hover {background-color: #fff; border-color: #ccc;}
:where(.dg-demo-surface) .btn-default .badge {color: #fff; background-color: #333;}
:where(.dg-demo-surface) .btn-primary {color: #fff; background-color: #337ab7; border-color: #2e6da4;}
:where(.dg-demo-surface) .btn-primary.focus,:where(.dg-demo-surface) .btn-primary:focus {color: #fff; background-color: #286090; border-color: #122b40;}
:where(.dg-demo-surface) .btn-primary:hover {color: #fff; background-color: #286090; border-color: #204d74;}
:where(.dg-demo-surface) .btn-primary.active,:where(.dg-demo-surface) .btn-primary:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-primary {color: #fff; background-color: #286090; border-color: #204d74;}
:where(.dg-demo-surface) .btn-primary.active.focus,:where(.dg-demo-surface) .btn-primary.active:focus,:where(.dg-demo-surface) .btn-primary.active:hover,:where(.dg-demo-surface) .btn-primary:active.focus,:where(.dg-demo-surface) .btn-primary:active:focus,:where(.dg-demo-surface) .btn-primary:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-primary.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-primary:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-primary:hover {color: #fff; background-color: #204d74; border-color: #122b40;}
:where(.dg-demo-surface) .btn-primary.active,:where(.dg-demo-surface) .btn-primary:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-primary {background-image: none;}
:where(.dg-demo-surface) .btn-primary.disabled.focus,:where(.dg-demo-surface) .btn-primary.disabled:focus,:where(.dg-demo-surface) .btn-primary.disabled:hover,:where(.dg-demo-surface) .btn-primary[disabled].focus,:where(.dg-demo-surface) .btn-primary[disabled]:focus,:where(.dg-demo-surface) .btn-primary[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-primary.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-primary:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-primary:hover {background-color: #337ab7; border-color: #2e6da4;}
:where(.dg-demo-surface) .btn-primary .badge {color: #337ab7; background-color: #fff;}
:where(.dg-demo-surface) .btn-success {color: #fff; background-color: #5cb85c; border-color: #4cae4c;}
:where(.dg-demo-surface) .btn-success.focus,:where(.dg-demo-surface) .btn-success:focus {color: #fff; background-color: #449d44; border-color: #255625;}
:where(.dg-demo-surface) .btn-success:hover {color: #fff; background-color: #449d44; border-color: #398439;}
:where(.dg-demo-surface) .btn-success.active,:where(.dg-demo-surface) .btn-success:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-success {color: #fff; background-color: #449d44; border-color: #398439;}
:where(.dg-demo-surface) .btn-success.active.focus,:where(.dg-demo-surface) .btn-success.active:focus,:where(.dg-demo-surface) .btn-success.active:hover,:where(.dg-demo-surface) .btn-success:active.focus,:where(.dg-demo-surface) .btn-success:active:focus,:where(.dg-demo-surface) .btn-success:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-success.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-success:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-success:hover {color: #fff; background-color: #398439; border-color: #255625;}
:where(.dg-demo-surface) .btn-success.active,:where(.dg-demo-surface) .btn-success:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-success {background-image: none;}
:where(.dg-demo-surface) .btn-success.disabled.focus,:where(.dg-demo-surface) .btn-success.disabled:focus,:where(.dg-demo-surface) .btn-success.disabled:hover,:where(.dg-demo-surface) .btn-success[disabled].focus,:where(.dg-demo-surface) .btn-success[disabled]:focus,:where(.dg-demo-surface) .btn-success[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-success.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-success:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-success:hover {background-color: #5cb85c; border-color: #4cae4c;}
:where(.dg-demo-surface) .btn-success .badge {color: #5cb85c; background-color: #fff;}
:where(.dg-demo-surface) .btn-info {color: #fff; background-color: #5bc0de; border-color: #46b8da;}
:where(.dg-demo-surface) .btn-info.focus,:where(.dg-demo-surface) .btn-info:focus {color: #fff; background-color: #31b0d5; border-color: #1b6d85;}
:where(.dg-demo-surface) .btn-info:hover {color: #fff; background-color: #31b0d5; border-color: #269abc;}
:where(.dg-demo-surface) .btn-info.active,:where(.dg-demo-surface) .btn-info:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-info {color: #fff; background-color: #31b0d5; border-color: #269abc;}
:where(.dg-demo-surface) .btn-info.active.focus,:where(.dg-demo-surface) .btn-info.active:focus,:where(.dg-demo-surface) .btn-info.active:hover,:where(.dg-demo-surface) .btn-info:active.focus,:where(.dg-demo-surface) .btn-info:active:focus,:where(.dg-demo-surface) .btn-info:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-info.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-info:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-info:hover {color: #fff; background-color: #269abc; border-color: #1b6d85;}
:where(.dg-demo-surface) .btn-info.active,:where(.dg-demo-surface) .btn-info:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-info {background-image: none;}
:where(.dg-demo-surface) .btn-info.disabled.focus,:where(.dg-demo-surface) .btn-info.disabled:focus,:where(.dg-demo-surface) .btn-info.disabled:hover,:where(.dg-demo-surface) .btn-info[disabled].focus,:where(.dg-demo-surface) .btn-info[disabled]:focus,:where(.dg-demo-surface) .btn-info[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-info.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-info:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-info:hover {background-color: #5bc0de; border-color: #46b8da;}
:where(.dg-demo-surface) .btn-info .badge {color: #5bc0de; background-color: #fff;}
:where(.dg-demo-surface) .btn-warning {color: #fff; background-color: #f0ad4e; border-color: #eea236;}
:where(.dg-demo-surface) .btn-warning.focus,:where(.dg-demo-surface) .btn-warning:focus {color: #fff; background-color: #ec971f; border-color: #985f0d;}
:where(.dg-demo-surface) .btn-warning:hover {color: #fff; background-color: #ec971f; border-color: #d58512;}
:where(.dg-demo-surface) .btn-warning.active,:where(.dg-demo-surface) .btn-warning:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-warning {color: #fff; background-color: #ec971f; border-color: #d58512;}
:where(.dg-demo-surface) .btn-warning.active.focus,:where(.dg-demo-surface) .btn-warning.active:focus,:where(.dg-demo-surface) .btn-warning.active:hover,:where(.dg-demo-surface) .btn-warning:active.focus,:where(.dg-demo-surface) .btn-warning:active:focus,:where(.dg-demo-surface) .btn-warning:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-warning.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-warning:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-warning:hover {color: #fff; background-color: #d58512; border-color: #985f0d;}
:where(.dg-demo-surface) .btn-warning.active,:where(.dg-demo-surface) .btn-warning:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-warning {background-image: none;}
:where(.dg-demo-surface) .btn-warning.disabled.focus,:where(.dg-demo-surface) .btn-warning.disabled:focus,:where(.dg-demo-surface) .btn-warning.disabled:hover,:where(.dg-demo-surface) .btn-warning[disabled].focus,:where(.dg-demo-surface) .btn-warning[disabled]:focus,:where(.dg-demo-surface) .btn-warning[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-warning.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-warning:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-warning:hover {background-color: #f0ad4e; border-color: #eea236;}
:where(.dg-demo-surface) .btn-warning .badge {color: #f0ad4e; background-color: #fff;}
:where(.dg-demo-surface) .btn-danger {color: #fff; background-color: #d9534f; border-color: #d43f3a;}
:where(.dg-demo-surface) .btn-danger.focus,:where(.dg-demo-surface) .btn-danger:focus {color: #fff; background-color: #c9302c; border-color: #761c19;}
:where(.dg-demo-surface) .btn-danger:hover {color: #fff; background-color: #c9302c; border-color: #ac2925;}
:where(.dg-demo-surface) .btn-danger.active,:where(.dg-demo-surface) .btn-danger:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-danger {color: #fff; background-color: #c9302c; border-color: #ac2925;}
:where(.dg-demo-surface) .btn-danger.active.focus,:where(.dg-demo-surface) .btn-danger.active:focus,:where(.dg-demo-surface) .btn-danger.active:hover,:where(.dg-demo-surface) .btn-danger:active.focus,:where(.dg-demo-surface) .btn-danger:active:focus,:where(.dg-demo-surface) .btn-danger:active:hover,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-danger.focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-danger:focus,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-danger:hover {color: #fff; background-color: #ac2925; border-color: #761c19;}
:where(.dg-demo-surface) .btn-danger.active,:where(.dg-demo-surface) .btn-danger:active,:where(.dg-demo-surface) .open>.dropdown-toggle.btn-danger {background-image: none;}
:where(.dg-demo-surface) .btn-danger.disabled.focus,:where(.dg-demo-surface) .btn-danger.disabled:focus,:where(.dg-demo-surface) .btn-danger.disabled:hover,:where(.dg-demo-surface) .btn-danger[disabled].focus,:where(.dg-demo-surface) .btn-danger[disabled]:focus,:where(.dg-demo-surface) .btn-danger[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-danger.focus,:where(.dg-demo-surface) fieldset[disabled] .btn-danger:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-danger:hover {background-color: #d9534f; border-color: #d43f3a;}
:where(.dg-demo-surface) .btn-danger .badge {color: #d9534f; background-color: #fff;}
:where(.dg-demo-surface) .btn-link {font-weight: 400; color: #337ab7; border-radius: 0;}
:where(.dg-demo-surface) .btn-link,:where(.dg-demo-surface) .btn-link.active,:where(.dg-demo-surface) .btn-link:active,:where(.dg-demo-surface) .btn-link[disabled],:where(.dg-demo-surface) fieldset[disabled] .btn-link {background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
:where(.dg-demo-surface) .btn-link,:where(.dg-demo-surface) .btn-link:active,:where(.dg-demo-surface) .btn-link:focus,:where(.dg-demo-surface) .btn-link:hover {border-color: transparent;}
:where(.dg-demo-surface) .btn-link:focus,:where(.dg-demo-surface) .btn-link:hover {color: #23527c; text-decoration: underline; background-color: transparent;}
:where(.dg-demo-surface) .btn-link[disabled]:focus,:where(.dg-demo-surface) .btn-link[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .btn-link:focus,:where(.dg-demo-surface) fieldset[disabled] .btn-link:hover {color: #777; text-decoration: none;}
:where(.dg-demo-surface) .btn-group-lg>.btn,:where(.dg-demo-surface) .btn-lg {padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
:where(.dg-demo-surface) .btn-group-sm>.btn,:where(.dg-demo-surface) .btn-sm {padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
:where(.dg-demo-surface) .btn-group-xs>.btn,:where(.dg-demo-surface) .btn-xs {padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
:where(.dg-demo-surface) .btn-block {display: block; width: 100%;}
:where(.dg-demo-surface) .btn-block+.btn-block {margin-top: 5px;}
:where(.dg-demo-surface) input[type=button].btn-block,:where(.dg-demo-surface) input[type=reset].btn-block,:where(.dg-demo-surface) input[type=submit].btn-block {width: 100%;}
:where(.dg-demo-surface) .fade {opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
:where(.dg-demo-surface) .fade.in {opacity: 1;}
:where(.dg-demo-surface) .collapse {display: none;}
:where(.dg-demo-surface) .collapse.in {display: block;}
:where(.dg-demo-surface) tr.collapse.in {display: table-row;}
:where(.dg-demo-surface) tbody.collapse.in {display: table-row-group;}
:where(.dg-demo-surface) .collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility;}
:where(.dg-demo-surface) .caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
:where(.dg-demo-surface) .dropdown,:where(.dg-demo-surface) .dropup {position: relative;}
:where(.dg-demo-surface) .dropdown-toggle:focus {outline: 0;}
:where(.dg-demo-surface) .dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
:where(.dg-demo-surface) .dropdown-menu.pull-right {right: 0; left: auto;}
:where(.dg-demo-surface) .dropdown-menu .divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
:where(.dg-demo-surface) .dropdown-menu>li>a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}
:where(.dg-demo-surface) .dropdown-menu>li>a:focus,:where(.dg-demo-surface) .dropdown-menu>li>a:hover {color: #262626; text-decoration: none; background-color: #f5f5f5;}
:where(.dg-demo-surface) .dropdown-menu>.active>a,:where(.dg-demo-surface) .dropdown-menu>.active>a:focus,:where(.dg-demo-surface) .dropdown-menu>.active>a:hover {color: #fff; text-decoration: none; background-color: #337ab7; outline: 0;}
:where(.dg-demo-surface) .dropdown-menu>.disabled>a,:where(.dg-demo-surface) .dropdown-menu>.disabled>a:focus,:where(.dg-demo-surface) .dropdown-menu>.disabled>a:hover {color: #777;}
:where(.dg-demo-surface) .dropdown-menu>.disabled>a:focus,:where(.dg-demo-surface) .dropdown-menu>.disabled>a:hover {text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
:where(.dg-demo-surface) .open>.dropdown-menu {display: block;}
:where(.dg-demo-surface) .open>a {outline: 0;}
:where(.dg-demo-surface) .dropdown-menu-right {right: 0; left: auto;}
:where(.dg-demo-surface) .dropdown-menu-left {right: auto; left: 0;}
:where(.dg-demo-surface) .dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap;}
:where(.dg-demo-surface) .dropdown-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990;}
:where(.dg-demo-surface) .pull-right>.dropdown-menu {right: 0; left: auto;}
:where(.dg-demo-surface) .dropup .caret,:where(.dg-demo-surface) .navbar-fixed-bottom .dropdown .caret {content: ""; border-top: 0; border-bottom: 4px solid\9;}
:where(.dg-demo-surface) .dropup .dropdown-menu,:where(.dg-demo-surface) .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 2px;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-right .dropdown-menu {right: 0; left: auto;}
:where(.dg-demo-surface) .navbar-right .dropdown-menu-left {right: auto; left: 0;}}
:where(.dg-demo-surface) .btn-group,:where(.dg-demo-surface) .btn-group-vertical {position: relative; display: inline-block; vertical-align: middle;}
:where(.dg-demo-surface) .btn-group-vertical>.btn,:where(.dg-demo-surface) .btn-group>.btn {position: relative; float: left;}
:where(.dg-demo-surface) .btn-group-vertical>.btn.active,:where(.dg-demo-surface) .btn-group-vertical>.btn:active,:where(.dg-demo-surface) .btn-group-vertical>.btn:focus,:where(.dg-demo-surface) .btn-group-vertical>.btn:hover,:where(.dg-demo-surface) .btn-group>.btn.active,:where(.dg-demo-surface) .btn-group>.btn:active,:where(.dg-demo-surface) .btn-group>.btn:focus,:where(.dg-demo-surface) .btn-group>.btn:hover {z-index: 2;}
:where(.dg-demo-surface) .btn-group .btn+.btn,:where(.dg-demo-surface) .btn-group .btn+.btn-group,:where(.dg-demo-surface) .btn-group .btn-group+.btn,:where(.dg-demo-surface) .btn-group .btn-group+.btn-group {margin-left: -1px;}
:where(.dg-demo-surface) .btn-toolbar {margin-left: -5px;}
:where(.dg-demo-surface) .btn-toolbar .btn,:where(.dg-demo-surface) .btn-toolbar .btn-group,:where(.dg-demo-surface) .btn-toolbar .input-group {float: left;}
:where(.dg-demo-surface) .btn-toolbar>.btn,:where(.dg-demo-surface) .btn-toolbar>.btn-group,:where(.dg-demo-surface) .btn-toolbar>.input-group {margin-left: 5px;}
:where(.dg-demo-surface) .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
:where(.dg-demo-surface) .btn-group>.btn:first-child {margin-left: 0;}
:where(.dg-demo-surface) .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
:where(.dg-demo-surface) .btn-group>.btn:last-child:not(:first-child),:where(.dg-demo-surface) .btn-group>.dropdown-toggle:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .btn-group>.btn-group {float: left;}
:where(.dg-demo-surface) .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {border-radius: 0;}
:where(.dg-demo-surface) .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,:where(.dg-demo-surface) .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-top-right-radius: 0; border-bottom-right-radius: 0;}
:where(.dg-demo-surface) .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .btn-group .dropdown-toggle:active,:where(.dg-demo-surface) .btn-group.open .dropdown-toggle {outline: 0;}
:where(.dg-demo-surface) .btn-group>.btn+.dropdown-toggle {padding-right: 8px; padding-left: 8px;}
:where(.dg-demo-surface) .btn-group>.btn-lg+.dropdown-toggle {padding-right: 12px; padding-left: 12px;}
:where(.dg-demo-surface) .btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
:where(.dg-demo-surface) .btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none; box-shadow: none;}
:where(.dg-demo-surface) .btn .caret {margin-left: 0;}
:where(.dg-demo-surface) .btn-lg .caret {border-width: 5px 5px 0; border-bottom-width: 0;}
:where(.dg-demo-surface) .dropup .btn-lg .caret {border-width: 0 5px 5px;}
:where(.dg-demo-surface) .btn-group-vertical>.btn,:where(.dg-demo-surface) .btn-group-vertical>.btn-group,:where(.dg-demo-surface) .btn-group-vertical>.btn-group>.btn {display: block; float: none; width: 100%; max-width: 100%;}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group>.btn {float: none;}
:where(.dg-demo-surface) .btn-group-vertical>.btn+.btn,:where(.dg-demo-surface) .btn-group-vertical>.btn+.btn-group,:where(.dg-demo-surface) .btn-group-vertical>.btn-group+.btn,:where(.dg-demo-surface) .btn-group-vertical>.btn-group+.btn-group {margin-top: -1px; margin-left: 0;}
:where(.dg-demo-surface) .btn-group-vertical>.btn:not(:first-child):not(:last-child) {border-radius: 0;}
:where(.dg-demo-surface) .btn-group-vertical>.btn:first-child:not(:last-child) {border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .btn-group-vertical>.btn:last-child:not(:first-child) {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {border-radius: 0;}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,:where(.dg-demo-surface) .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius: 0; border-top-right-radius: 0;}
:where(.dg-demo-surface) .btn-group-justified {display: table; width: 100%; table-layout: fixed; border-collapse: separate;}
:where(.dg-demo-surface) .btn-group-justified>.btn,:where(.dg-demo-surface) .btn-group-justified>.btn-group {display: table-cell; float: none; width: 1%;}
:where(.dg-demo-surface) .btn-group-justified>.btn-group .btn {width: 100%;}
:where(.dg-demo-surface) .btn-group-justified>.btn-group .dropdown-menu {left: auto;}
:where(.dg-demo-surface) [data-toggle=buttons]>.btn input[type=checkbox],:where(.dg-demo-surface) [data-toggle=buttons]>.btn input[type=radio],:where(.dg-demo-surface) [data-toggle=buttons]>.btn-group>.btn input[type=checkbox],:where(.dg-demo-surface) [data-toggle=buttons]>.btn-group>.btn input[type=radio] {position: absolute; clip: rect(0,0,0,0); pointer-events: none;}
:where(.dg-demo-surface) .input-group {position: relative; display: table; border-collapse: separate;}
:where(.dg-demo-surface) .input-group[class*=col-] {float: none; padding-right: 0; padding-left: 0;}
:where(.dg-demo-surface) .input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
:where(.dg-demo-surface) .input-group .form-control:focus {z-index: 3;}
:where(.dg-demo-surface) .input-group-lg>.form-control,:where(.dg-demo-surface) .input-group-lg>.input-group-addon,:where(.dg-demo-surface) .input-group-lg>.input-group-btn>.btn {height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
:where(.dg-demo-surface) select.input-group-lg>.form-control,:where(.dg-demo-surface) select.input-group-lg>.input-group-addon,:where(.dg-demo-surface) select.input-group-lg>.input-group-btn>.btn {height: 46px; line-height: 46px;}
:where(.dg-demo-surface) select[multiple].input-group-lg>.form-control,:where(.dg-demo-surface) select[multiple].input-group-lg>.input-group-addon,:where(.dg-demo-surface) select[multiple].input-group-lg>.input-group-btn>.btn,:where(.dg-demo-surface) textarea.input-group-lg>.form-control,:where(.dg-demo-surface) textarea.input-group-lg>.input-group-addon,:where(.dg-demo-surface) textarea.input-group-lg>.input-group-btn>.btn {height: auto;}
:where(.dg-demo-surface) .input-group-sm>.form-control,:where(.dg-demo-surface) .input-group-sm>.input-group-addon,:where(.dg-demo-surface) .input-group-sm>.input-group-btn>.btn {height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
:where(.dg-demo-surface) select.input-group-sm>.form-control,:where(.dg-demo-surface) select.input-group-sm>.input-group-addon,:where(.dg-demo-surface) select.input-group-sm>.input-group-btn>.btn {height: 30px; line-height: 30px;}
:where(.dg-demo-surface) select[multiple].input-group-sm>.form-control,:where(.dg-demo-surface) select[multiple].input-group-sm>.input-group-addon,:where(.dg-demo-surface) select[multiple].input-group-sm>.input-group-btn>.btn,:where(.dg-demo-surface) textarea.input-group-sm>.form-control,:where(.dg-demo-surface) textarea.input-group-sm>.input-group-addon,:where(.dg-demo-surface) textarea.input-group-sm>.input-group-btn>.btn {height: auto;}
:where(.dg-demo-surface) .input-group .form-control,:where(.dg-demo-surface) .input-group-addon,:where(.dg-demo-surface) .input-group-btn {display: table-cell;}
:where(.dg-demo-surface) .input-group .form-control:not(:first-child):not(:last-child),:where(.dg-demo-surface) .input-group-addon:not(:first-child):not(:last-child),:where(.dg-demo-surface) .input-group-btn:not(:first-child):not(:last-child) {border-radius: 0;}
:where(.dg-demo-surface) .input-group-addon,:where(.dg-demo-surface) .input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
:where(.dg-demo-surface) .input-group-addon {padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px;}
:where(.dg-demo-surface) .input-group-addon.input-sm {padding: 5px 10px; font-size: 12px; border-radius: 3px;}
:where(.dg-demo-surface) .input-group-addon.input-lg {padding: 10px 16px; font-size: 18px; border-radius: 6px;}
:where(.dg-demo-surface) .input-group-addon input[type=checkbox],:where(.dg-demo-surface) .input-group-addon input[type=radio] {margin-top: 0;}
:where(.dg-demo-surface) .input-group .form-control:first-child,:where(.dg-demo-surface) .input-group-addon:first-child,:where(.dg-demo-surface) .input-group-btn:first-child>.btn,:where(.dg-demo-surface) .input-group-btn:first-child>.btn-group>.btn,:where(.dg-demo-surface) .input-group-btn:first-child>.dropdown-toggle,:where(.dg-demo-surface) .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,:where(.dg-demo-surface) .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
:where(.dg-demo-surface) .input-group-addon:first-child {border-right: 0;}
:where(.dg-demo-surface) .input-group .form-control:last-child,:where(.dg-demo-surface) .input-group-addon:last-child,:where(.dg-demo-surface) .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,:where(.dg-demo-surface) .input-group-btn:first-child>.btn:not(:first-child),:where(.dg-demo-surface) .input-group-btn:last-child>.btn,:where(.dg-demo-surface) .input-group-btn:last-child>.btn-group>.btn,:where(.dg-demo-surface) .input-group-btn:last-child>.dropdown-toggle {border-top-left-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .input-group-addon:last-child {border-left: 0;}
:where(.dg-demo-surface) .input-group-btn {position: relative; font-size: 0; white-space: nowrap;}
:where(.dg-demo-surface) .input-group-btn>.btn {position: relative;}
:where(.dg-demo-surface) .input-group-btn>.btn+.btn {margin-left: -1px;}
:where(.dg-demo-surface) .input-group-btn>.btn:active,:where(.dg-demo-surface) .input-group-btn>.btn:focus,:where(.dg-demo-surface) .input-group-btn>.btn:hover {z-index: 2;}
:where(.dg-demo-surface) .input-group-btn:first-child>.btn,:where(.dg-demo-surface) .input-group-btn:first-child>.btn-group {margin-right: -1px;}
:where(.dg-demo-surface) .input-group-btn:last-child>.btn,:where(.dg-demo-surface) .input-group-btn:last-child>.btn-group {z-index: 2; margin-left: -1px;}
:where(.dg-demo-surface) .nav {padding-left: 0; margin-bottom: 0; list-style: none;}
:where(.dg-demo-surface) .nav>li {position: relative; display: block;}
:where(.dg-demo-surface) .nav>li>a {position: relative; display: block; padding: 10px 15px;}
:where(.dg-demo-surface) .nav>li>a:focus,:where(.dg-demo-surface) .nav>li>a:hover {text-decoration: none; background-color: #eee;}
:where(.dg-demo-surface) .nav>li.disabled>a {color: #777;}
:where(.dg-demo-surface) .nav>li.disabled>a:focus,:where(.dg-demo-surface) .nav>li.disabled>a:hover {color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent;}
:where(.dg-demo-surface) .nav .open>a,:where(.dg-demo-surface) .nav .open>a:focus,:where(.dg-demo-surface) .nav .open>a:hover {background-color: #eee; border-color: #337ab7;}
:where(.dg-demo-surface) .nav .nav-divider {height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;}
:where(.dg-demo-surface) .nav>li>a>img {max-width: none;}
:where(.dg-demo-surface) .nav-tabs {border-bottom: 1px solid #ddd;}
:where(.dg-demo-surface) .nav-tabs>li {float: left; margin-bottom: -1px;}
:where(.dg-demo-surface) .nav-tabs>li>a {margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;}
:where(.dg-demo-surface) .nav-tabs>li>a:hover {border-color: #eee #eee #ddd;}
:where(.dg-demo-surface) .nav-tabs>li.active>a,:where(.dg-demo-surface) .nav-tabs>li.active>a:focus,:where(.dg-demo-surface) .nav-tabs>li.active>a:hover {color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent;}
:where(.dg-demo-surface) .nav-tabs.nav-justified {width: 100%; border-bottom: 0;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>li {float: none;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>li>a {margin-bottom: 5px; text-align: center;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>.dropdown .dropdown-menu {top: auto; left: auto;}
@media (min-width:768px){:where(.dg-demo-surface) .nav-tabs.nav-justified>li {display: table-cell; width: 1%;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>li>a {margin-bottom: 0;}}
:where(.dg-demo-surface) .nav-tabs.nav-justified>li>a {margin-right: 0; border-radius: 4px;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a,:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a:focus,:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a:hover {border: 1px solid #ddd;}
@media (min-width:768px){:where(.dg-demo-surface) .nav-tabs.nav-justified>li>a {border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0;}
:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a,:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a:focus,:where(.dg-demo-surface) .nav-tabs.nav-justified>.active>a:hover {border-bottom-color: #fff;}}
:where(.dg-demo-surface) .nav-pills>li {float: left;}
:where(.dg-demo-surface) .nav-pills>li>a {border-radius: 4px;}
:where(.dg-demo-surface) .nav-pills>li+li {margin-left: 2px;}
:where(.dg-demo-surface) .nav-pills>li.active>a,:where(.dg-demo-surface) .nav-pills>li.active>a:focus,:where(.dg-demo-surface) .nav-pills>li.active>a:hover {color: #fff; background-color: #337ab7;}
:where(.dg-demo-surface) .nav-stacked>li {float: none;}
:where(.dg-demo-surface) .nav-stacked>li+li {margin-top: 2px; margin-left: 0;}
:where(.dg-demo-surface) .nav-justified {width: 100%;}
:where(.dg-demo-surface) .nav-justified>li {float: none;}
:where(.dg-demo-surface) .nav-justified>li>a {margin-bottom: 5px; text-align: center;}
:where(.dg-demo-surface) .nav-justified>.dropdown .dropdown-menu {top: auto; left: auto;}
@media (min-width:768px){:where(.dg-demo-surface) .nav-justified>li {display: table-cell; width: 1%;}
:where(.dg-demo-surface) .nav-justified>li>a {margin-bottom: 0;}}
:where(.dg-demo-surface) .nav-tabs-justified {border-bottom: 0;}
:where(.dg-demo-surface) .nav-tabs-justified>li>a {margin-right: 0; border-radius: 4px;}
:where(.dg-demo-surface) .nav-tabs-justified>.active>a,:where(.dg-demo-surface) .nav-tabs-justified>.active>a:focus,:where(.dg-demo-surface) .nav-tabs-justified>.active>a:hover {border: 1px solid #ddd;}
@media (min-width:768px){:where(.dg-demo-surface) .nav-tabs-justified>li>a {border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0;}
:where(.dg-demo-surface) .nav-tabs-justified>.active>a,:where(.dg-demo-surface) .nav-tabs-justified>.active>a:focus,:where(.dg-demo-surface) .nav-tabs-justified>.active>a:hover {border-bottom-color: #fff;}}
:where(.dg-demo-surface) .tab-content>.tab-pane {display: none;}
:where(.dg-demo-surface) .tab-content>.active {display: block;}
:where(.dg-demo-surface) .nav-tabs .dropdown-menu {margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;}
:where(.dg-demo-surface) .navbar {position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar {border-radius: 4px;}}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-header {float: left;}}
:where(.dg-demo-surface) .navbar-collapse {padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}
:where(.dg-demo-surface) .navbar-collapse.in {overflow-y: auto;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-collapse {width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
:where(.dg-demo-surface) .navbar-collapse.collapse {display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
:where(.dg-demo-surface) .navbar-collapse.in {overflow-y: visible;}
:where(.dg-demo-surface) .navbar-fixed-bottom .navbar-collapse,:where(.dg-demo-surface) .navbar-fixed-top .navbar-collapse,:where(.dg-demo-surface) .navbar-static-top .navbar-collapse {padding-right: 0; padding-left: 0;}}
:where(.dg-demo-surface) .navbar-fixed-bottom .navbar-collapse,:where(.dg-demo-surface) .navbar-fixed-top .navbar-collapse {max-height: 340px;}
@media (max-device-width:480px) and (orientation:landscape){:where(.dg-demo-surface) .navbar-fixed-bottom .navbar-collapse,:where(.dg-demo-surface) .navbar-fixed-top .navbar-collapse {max-height: 200px;}}
:where(.dg-demo-surface) .container-fluid>.navbar-collapse,:where(.dg-demo-surface) .container-fluid>.navbar-header,:where(.dg-demo-surface) .container>.navbar-collapse,:where(.dg-demo-surface) .container>.navbar-header {margin-right: -15px; margin-left: -15px;}
@media (min-width:768px){:where(.dg-demo-surface) .container-fluid>.navbar-collapse,:where(.dg-demo-surface) .container-fluid>.navbar-header,:where(.dg-demo-surface) .container>.navbar-collapse,:where(.dg-demo-surface) .container>.navbar-header {margin-right: 0; margin-left: 0;}}
:where(.dg-demo-surface) .navbar-static-top {z-index: 1000; border-width: 0 0 1px;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-static-top {border-radius: 0;}}
:where(.dg-demo-surface) .navbar-fixed-bottom,:where(.dg-demo-surface) .navbar-fixed-top {position: fixed; right: 0; left: 0; z-index: 1030;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-fixed-bottom,:where(.dg-demo-surface) .navbar-fixed-top {border-radius: 0;}}
:where(.dg-demo-surface) .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
:where(.dg-demo-surface) .navbar-fixed-bottom {bottom: 0; margin-bottom: 0; border-width: 1px 0 0;}
:where(.dg-demo-surface) .navbar-brand {float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px;}
:where(.dg-demo-surface) .navbar-brand:focus,:where(.dg-demo-surface) .navbar-brand:hover {text-decoration: none;}
:where(.dg-demo-surface) .navbar-brand>img {display: block;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar>.container .navbar-brand,:where(.dg-demo-surface) .navbar>.container-fluid .navbar-brand {margin-left: -15px;}}
:where(.dg-demo-surface) .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;}
:where(.dg-demo-surface) .navbar-toggle:focus {outline: 0;}
:where(.dg-demo-surface) .navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
:where(.dg-demo-surface) .navbar-toggle .icon-bar+.icon-bar {margin-top: 4px;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-toggle {display: none;}}
:where(.dg-demo-surface) .navbar-nav {margin: 7.5px -15px;}
:where(.dg-demo-surface) .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; line-height: 20px;}
@media (max-width:767px){:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu .dropdown-header,:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 25px;}
:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu>li>a {line-height: 20px;}
:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu>li>a:focus,:where(.dg-demo-surface) .navbar-nav .open .dropdown-menu>li>a:hover {background-image: none;}}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-nav {float: left; margin: 0;}
:where(.dg-demo-surface) .navbar-nav>li {float: left;}
:where(.dg-demo-surface) .navbar-nav>li>a {padding-top: 15px; padding-bottom: 15px;}}
:where(.dg-demo-surface) .navbar-form {padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-form .form-group {display: inline-block; margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .navbar-form .form-control {display: inline-block; width: auto; vertical-align: middle;}
:where(.dg-demo-surface) .navbar-form .form-control-static {display: inline-block;}
:where(.dg-demo-surface) .navbar-form .input-group {display: inline-table; vertical-align: middle;}
:where(.dg-demo-surface) .navbar-form .input-group .form-control,:where(.dg-demo-surface) .navbar-form .input-group .input-group-addon,:where(.dg-demo-surface) .navbar-form .input-group .input-group-btn {width: auto;}
:where(.dg-demo-surface) .navbar-form .input-group>.form-control {width: 100%;}
:where(.dg-demo-surface) .navbar-form .control-label {margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .navbar-form .checkbox,:where(.dg-demo-surface) .navbar-form .radio {display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle;}
:where(.dg-demo-surface) .navbar-form .checkbox label,:where(.dg-demo-surface) .navbar-form .radio label {padding-left: 0;}
:where(.dg-demo-surface) .navbar-form .checkbox input[type=checkbox],:where(.dg-demo-surface) .navbar-form .radio input[type=radio] {position: relative; margin-left: 0;}
:where(.dg-demo-surface) .navbar-form .has-feedback .form-control-feedback {top: 0;}}
@media (max-width:767px){:where(.dg-demo-surface) .navbar-form .form-group {margin-bottom: 5px;}
:where(.dg-demo-surface) .navbar-form .form-group:last-child {margin-bottom: 0;}}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-form {width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none;}}
:where(.dg-demo-surface) .navbar-nav>li>.dropdown-menu {margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
:where(.dg-demo-surface) .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
:where(.dg-demo-surface) .navbar-btn {margin-top: 8px; margin-bottom: 8px;}
:where(.dg-demo-surface) .navbar-btn.btn-sm {margin-top: 10px; margin-bottom: 10px;}
:where(.dg-demo-surface) .navbar-btn.btn-xs {margin-top: 14px; margin-bottom: 14px;}
:where(.dg-demo-surface) .navbar-text {margin-top: 15px; margin-bottom: 15px;}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-text {float: left; margin-right: 15px; margin-left: 15px;}}
@media (min-width:768px){:where(.dg-demo-surface) .navbar-left {float: left !important;}
:where(.dg-demo-surface) .navbar-right {float: right !important; margin-right: -15px;}
:where(.dg-demo-surface) .navbar-right~.navbar-right {margin-right: 0;}}
:where(.dg-demo-surface) .navbar-default {background-color: #f8f8f8; border-color: #e7e7e7;}
:where(.dg-demo-surface) .navbar-default .navbar-brand {color: #777;}
:where(.dg-demo-surface) .navbar-default .navbar-brand:focus,:where(.dg-demo-surface) .navbar-default .navbar-brand:hover {color: #5e5e5e; background-color: transparent;}
:where(.dg-demo-surface) .navbar-default .navbar-text {color: #777;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>li>a {color: #777;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>li>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav>li>a:hover {color: #333; background-color: transparent;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>.active>a,:where(.dg-demo-surface) .navbar-default .navbar-nav>.active>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav>.active>a:hover {color: #555; background-color: #e7e7e7;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>.disabled>a,:where(.dg-demo-surface) .navbar-default .navbar-nav>.disabled>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav>.disabled>a:hover {color: #ccc; background-color: transparent;}
:where(.dg-demo-surface) .navbar-default .navbar-toggle {border-color: #ddd;}
:where(.dg-demo-surface) .navbar-default .navbar-toggle:focus,:where(.dg-demo-surface) .navbar-default .navbar-toggle:hover {background-color: #ddd;}
:where(.dg-demo-surface) .navbar-default .navbar-toggle .icon-bar {background-color: #888;}
:where(.dg-demo-surface) .navbar-default .navbar-collapse,:where(.dg-demo-surface) .navbar-default .navbar-form {border-color: #e7e7e7;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>.open>a,:where(.dg-demo-surface) .navbar-default .navbar-nav>.open>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav>.open>a:hover {color: #555; background-color: #e7e7e7;}
@media (max-width:767px){:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #777;}
:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #333; background-color: transparent;}
:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.active>a,:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color: #555; background-color: #e7e7e7;}
:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,:where(.dg-demo-surface) .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {color: #ccc; background-color: transparent;}}
:where(.dg-demo-surface) .navbar-default .navbar-link {color: #777;}
:where(.dg-demo-surface) .navbar-default .navbar-link:hover {color: #333;}
:where(.dg-demo-surface) .navbar-default .btn-link {color: #777;}
:where(.dg-demo-surface) .navbar-default .btn-link:focus,:where(.dg-demo-surface) .navbar-default .btn-link:hover {color: #333;}
:where(.dg-demo-surface) .navbar-default .btn-link[disabled]:focus,:where(.dg-demo-surface) .navbar-default .btn-link[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .navbar-default .btn-link:focus,:where(.dg-demo-surface) fieldset[disabled] .navbar-default .btn-link:hover {color: #ccc;}
:where(.dg-demo-surface) .navbar-inverse {background-color: #222; border-color: #080808;}
:where(.dg-demo-surface) .navbar-inverse .navbar-brand {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .navbar-brand:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-brand:hover {color: #fff; background-color: transparent;}
:where(.dg-demo-surface) .navbar-inverse .navbar-text {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav>li>a {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav>li>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>li>a:hover {color: #fff; background-color: transparent;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.active>a,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.active>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.active>a:hover {color: #fff; background-color: #080808;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.disabled>a,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.disabled>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.disabled>a:hover {color: #444; background-color: transparent;}
:where(.dg-demo-surface) .navbar-inverse .navbar-toggle {border-color: #333;}
:where(.dg-demo-surface) .navbar-inverse .navbar-toggle:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-toggle:hover {background-color: #333;}
:where(.dg-demo-surface) .navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
:where(.dg-demo-surface) .navbar-inverse .navbar-collapse,:where(.dg-demo-surface) .navbar-inverse .navbar-form {border-color: #101010;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.open>a,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.open>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav>.open>a:hover {color: #fff; background-color: #080808;}
@media (max-width:767px){:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {border-color: #080808;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #080808;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff; background-color: transparent;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {color: #fff; background-color: #080808;}
:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,:where(.dg-demo-surface) .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {color: #444; background-color: transparent;}}
:where(.dg-demo-surface) .navbar-inverse .navbar-link {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .navbar-link:hover {color: #fff;}
:where(.dg-demo-surface) .navbar-inverse .btn-link {color: #9d9d9d;}
:where(.dg-demo-surface) .navbar-inverse .btn-link:focus,:where(.dg-demo-surface) .navbar-inverse .btn-link:hover {color: #fff;}
:where(.dg-demo-surface) .navbar-inverse .btn-link[disabled]:focus,:where(.dg-demo-surface) .navbar-inverse .btn-link[disabled]:hover,:where(.dg-demo-surface) fieldset[disabled] .navbar-inverse .btn-link:focus,:where(.dg-demo-surface) fieldset[disabled] .navbar-inverse .btn-link:hover {color: #444;}
:where(.dg-demo-surface) .breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}
:where(.dg-demo-surface) .breadcrumb>li {display: inline-block;}
:where(.dg-demo-surface) .breadcrumb>li+li:before {padding: 0 5px; color: #ccc; content: "/\00a0";}
:where(.dg-demo-surface) .breadcrumb>.active {color: #777;}
:where(.dg-demo-surface) .pagination {display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
:where(.dg-demo-surface) .pagination>li {display: inline;}
:where(.dg-demo-surface) .pagination>li>a,:where(.dg-demo-surface) .pagination>li>span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
:where(.dg-demo-surface) .pagination>li:first-child>a,:where(.dg-demo-surface) .pagination>li:first-child>span {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
:where(.dg-demo-surface) .pagination>li:last-child>a,:where(.dg-demo-surface) .pagination>li:last-child>span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
:where(.dg-demo-surface) .pagination>li>a:focus,:where(.dg-demo-surface) .pagination>li>a:hover,:where(.dg-demo-surface) .pagination>li>span:focus,:where(.dg-demo-surface) .pagination>li>span:hover {z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd;}
:where(.dg-demo-surface) .pagination>.active>a,:where(.dg-demo-surface) .pagination>.active>a:focus,:where(.dg-demo-surface) .pagination>.active>a:hover,:where(.dg-demo-surface) .pagination>.active>span,:where(.dg-demo-surface) .pagination>.active>span:focus,:where(.dg-demo-surface) .pagination>.active>span:hover {z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
:where(.dg-demo-surface) .pagination>.disabled>a,:where(.dg-demo-surface) .pagination>.disabled>a:focus,:where(.dg-demo-surface) .pagination>.disabled>a:hover,:where(.dg-demo-surface) .pagination>.disabled>span,:where(.dg-demo-surface) .pagination>.disabled>span:focus,:where(.dg-demo-surface) .pagination>.disabled>span:hover {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
:where(.dg-demo-surface) .pagination-lg>li>a,:where(.dg-demo-surface) .pagination-lg>li>span {padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}
:where(.dg-demo-surface) .pagination-lg>li:first-child>a,:where(.dg-demo-surface) .pagination-lg>li:first-child>span {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
:where(.dg-demo-surface) .pagination-lg>li:last-child>a,:where(.dg-demo-surface) .pagination-lg>li:last-child>span {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
:where(.dg-demo-surface) .pagination-sm>li>a,:where(.dg-demo-surface) .pagination-sm>li>span {padding: 5px 10px; font-size: 12px; line-height: 1.5;}
:where(.dg-demo-surface) .pagination-sm>li:first-child>a,:where(.dg-demo-surface) .pagination-sm>li:first-child>span {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .pagination-sm>li:last-child>a,:where(.dg-demo-surface) .pagination-sm>li:last-child>span {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
:where(.dg-demo-surface) .pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
:where(.dg-demo-surface) .pager li {display: inline;}
:where(.dg-demo-surface) .pager li>a,:where(.dg-demo-surface) .pager li>span {display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px;}
:where(.dg-demo-surface) .pager li>a:focus,:where(.dg-demo-surface) .pager li>a:hover {text-decoration: none; background-color: #eee;}
:where(.dg-demo-surface) .pager .next>a,:where(.dg-demo-surface) .pager .next>span {float: right;}
:where(.dg-demo-surface) .pager .previous>a,:where(.dg-demo-surface) .pager .previous>span {float: left;}
:where(.dg-demo-surface) .pager .disabled>a,:where(.dg-demo-surface) .pager .disabled>a:focus,:where(.dg-demo-surface) .pager .disabled>a:hover,:where(.dg-demo-surface) .pager .disabled>span {color: #777; cursor: not-allowed; background-color: #fff;}
:where(.dg-demo-surface) .label {display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
:where(.dg-demo-surface) a.label:focus,:where(.dg-demo-surface) a.label:hover {color: #fff; text-decoration: none; cursor: pointer;}
:where(.dg-demo-surface) .label:empty {display: none;}
:where(.dg-demo-surface) .btn .label {position: relative; top: -1px;}
:where(.dg-demo-surface) .label-default {background-color: #777;}
:where(.dg-demo-surface) .label-default[href]:focus,:where(.dg-demo-surface) .label-default[href]:hover {background-color: #5e5e5e;}
:where(.dg-demo-surface) .label-primary {background-color: #337ab7;}
:where(.dg-demo-surface) .label-primary[href]:focus,:where(.dg-demo-surface) .label-primary[href]:hover {background-color: #286090;}
:where(.dg-demo-surface) .label-success {background-color: #5cb85c;}
:where(.dg-demo-surface) .label-success[href]:focus,:where(.dg-demo-surface) .label-success[href]:hover {background-color: #449d44;}
:where(.dg-demo-surface) .label-info {background-color: #5bc0de;}
:where(.dg-demo-surface) .label-info[href]:focus,:where(.dg-demo-surface) .label-info[href]:hover {background-color: #31b0d5;}
:where(.dg-demo-surface) .label-warning {background-color: #f0ad4e;}
:where(.dg-demo-surface) .label-warning[href]:focus,:where(.dg-demo-surface) .label-warning[href]:hover {background-color: #ec971f;}
:where(.dg-demo-surface) .label-danger {background-color: #d9534f;}
:where(.dg-demo-surface) .label-danger[href]:focus,:where(.dg-demo-surface) .label-danger[href]:hover {background-color: #c9302c;}
:where(.dg-demo-surface) .badge {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px;}
:where(.dg-demo-surface) .badge:empty {display: none;}
:where(.dg-demo-surface) .btn .badge {position: relative; top: -1px;}
:where(.dg-demo-surface) .btn-group-xs>.btn .badge,:where(.dg-demo-surface) .btn-xs .badge {top: 0; padding: 1px 5px;}
:where(.dg-demo-surface) a.badge:focus,:where(.dg-demo-surface) a.badge:hover {color: #fff; text-decoration: none; cursor: pointer;}
:where(.dg-demo-surface) .list-group-item.active>.badge,:where(.dg-demo-surface) .nav-pills>.active>a>.badge {color: #337ab7; background-color: #fff;}
:where(.dg-demo-surface) .list-group-item>.badge {float: right;}
:where(.dg-demo-surface) .list-group-item>.badge+.badge {margin-right: 5px;}
:where(.dg-demo-surface) .nav-pills>li>a>.badge {margin-left: 3px;}
:where(.dg-demo-surface) .jumbotron {padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee;}
:where(.dg-demo-surface) .jumbotron .h1,:where(.dg-demo-surface) .jumbotron h1 {color: inherit;}
:where(.dg-demo-surface) .jumbotron p {margin-bottom: 15px; font-size: 21px; font-weight: 200;}
:where(.dg-demo-surface) .jumbotron>hr {border-top-color: #d5d5d5;}
:where(.dg-demo-surface) .container .jumbotron,:where(.dg-demo-surface) .container-fluid .jumbotron {padding-right: 15px; padding-left: 15px; border-radius: 6px;}
:where(.dg-demo-surface) .jumbotron .container {max-width: 100%;}
@media screen and (min-width:768px){:where(.dg-demo-surface) .jumbotron {padding-top: 48px; padding-bottom: 48px;}
:where(.dg-demo-surface) .container .jumbotron,:where(.dg-demo-surface) .container-fluid .jumbotron {padding-right: 60px; padding-left: 60px;}
:where(.dg-demo-surface) .jumbotron .h1,:where(.dg-demo-surface) .jumbotron h1 {font-size: 63px;}}
:where(.dg-demo-surface) .thumbnail {display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
:where(.dg-demo-surface) .thumbnail a>img,:where(.dg-demo-surface) .thumbnail>img {margin-right: auto; margin-left: auto;}
:where(.dg-demo-surface) a.thumbnail.active,:where(.dg-demo-surface) a.thumbnail:focus,:where(.dg-demo-surface) a.thumbnail:hover {border-color: #337ab7;}
:where(.dg-demo-surface) .thumbnail .caption {padding: 9px; color: #333;}
:where(.dg-demo-surface) .alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
:where(.dg-demo-surface) .alert h4 {margin-top: 0; color: inherit;}
:where(.dg-demo-surface) .alert .alert-link {font-weight: 700;}
:where(.dg-demo-surface) .alert>p,:where(.dg-demo-surface) .alert>ul {margin-bottom: 0;}
:where(.dg-demo-surface) .alert>p+p {margin-top: 5px;}
:where(.dg-demo-surface) .alert-dismissable,:where(.dg-demo-surface) .alert-dismissible {padding-right: 35px;}
:where(.dg-demo-surface) .alert-dismissable .close,:where(.dg-demo-surface) .alert-dismissible .close {position: relative; top: -2px; right: -21px; color: inherit;}
:where(.dg-demo-surface) .alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
:where(.dg-demo-surface) .alert-success hr {border-top-color: #c9e2b3;}
:where(.dg-demo-surface) .alert-success .alert-link {color: #2b542c;}
:where(.dg-demo-surface) .alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
:where(.dg-demo-surface) .alert-info hr {border-top-color: #a6e1ec;}
:where(.dg-demo-surface) .alert-info .alert-link {color: #245269;}
:where(.dg-demo-surface) .alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
:where(.dg-demo-surface) .alert-warning hr {border-top-color: #f7e1b5;}
:where(.dg-demo-surface) .alert-warning .alert-link {color: #66512c;}
:where(.dg-demo-surface) .alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
:where(.dg-demo-surface) .alert-danger hr {border-top-color: #e4b9c0;}
:where(.dg-demo-surface) .alert-danger .alert-link {color: #843534;}
@-webkit-keyframes progress-bar-stripes { 
  from {background-position: 40px 0;} 
  to {background-position: 0 0;} 
}
@-o-keyframes progress-bar-stripes { 
  from {background-position: 40px 0;} 
  to {background-position: 0 0;} 
}
@keyframes progress-bar-stripes { 
  from {background-position: 40px 0;} 
  to {background-position: 0 0;} 
}
:where(.dg-demo-surface) .progress {height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
:where(.dg-demo-surface) .progress-bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease;}
:where(.dg-demo-surface) .progress-bar-striped,:where(.dg-demo-surface) .progress-striped .progress-bar {background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px;}
:where(.dg-demo-surface) .progress-bar.active,:where(.dg-demo-surface) .progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;}
:where(.dg-demo-surface) .progress-bar-success {background-color: #5cb85c;}
:where(.dg-demo-surface) .progress-striped .progress-bar-success {background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
:where(.dg-demo-surface) .progress-bar-info {background-color: #5bc0de;}
:where(.dg-demo-surface) .progress-striped .progress-bar-info {background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
:where(.dg-demo-surface) .progress-bar-warning {background-color: #f0ad4e;}
:where(.dg-demo-surface) .progress-striped .progress-bar-warning {background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
:where(.dg-demo-surface) .progress-bar-danger {background-color: #d9534f;}
:where(.dg-demo-surface) .progress-striped .progress-bar-danger {background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
:where(.dg-demo-surface) .media {margin-top: 15px;}
:where(.dg-demo-surface) .media:first-child {margin-top: 0;}
:where(.dg-demo-surface) .media,:where(.dg-demo-surface) .media-body {overflow: hidden; zoom: 1;}
:where(.dg-demo-surface) .media-body {width: 10000px;}
:where(.dg-demo-surface) .media-object {display: block;}
:where(.dg-demo-surface) .media-object.img-thumbnail {max-width: none;}
:where(.dg-demo-surface) .media-right,:where(.dg-demo-surface) .media>.pull-right {padding-left: 10px;}
:where(.dg-demo-surface) .media-left,:where(.dg-demo-surface) .media>.pull-left {padding-right: 10px;}
:where(.dg-demo-surface) .media-body,:where(.dg-demo-surface) .media-left,:where(.dg-demo-surface) .media-right {display: table-cell; vertical-align: top;}
:where(.dg-demo-surface) .media-middle {vertical-align: middle;}
:where(.dg-demo-surface) .media-bottom {vertical-align: bottom;}
:where(.dg-demo-surface) .media-heading {margin-top: 0; margin-bottom: 5px;}
:where(.dg-demo-surface) .media-list {padding-left: 0; list-style: none;}
:where(.dg-demo-surface) .list-group {padding-left: 0; margin-bottom: 20px;}
:where(.dg-demo-surface) .list-group-item {position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd;}
:where(.dg-demo-surface) .list-group-item:first-child {border-top-left-radius: 4px; border-top-right-radius: 4px;}
:where(.dg-demo-surface) .list-group-item:last-child {margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
:where(.dg-demo-surface) a.list-group-item,:where(.dg-demo-surface) button.list-group-item {color: #555;}
:where(.dg-demo-surface) a.list-group-item .list-group-item-heading,:where(.dg-demo-surface) button.list-group-item .list-group-item-heading {color: #333;}
:where(.dg-demo-surface) a.list-group-item:focus,:where(.dg-demo-surface) a.list-group-item:hover,:where(.dg-demo-surface) button.list-group-item:focus,:where(.dg-demo-surface) button.list-group-item:hover {color: #555; text-decoration: none; background-color: #f5f5f5;}
:where(.dg-demo-surface) button.list-group-item {width: 100%; text-align: left;}
:where(.dg-demo-surface) .list-group-item.disabled,:where(.dg-demo-surface) .list-group-item.disabled:focus,:where(.dg-demo-surface) .list-group-item.disabled:hover {color: #777; cursor: not-allowed; background-color: #eee;}
:where(.dg-demo-surface) .list-group-item.disabled .list-group-item-heading,:where(.dg-demo-surface) .list-group-item.disabled:focus .list-group-item-heading,:where(.dg-demo-surface) .list-group-item.disabled:hover .list-group-item-heading {color: inherit;}
:where(.dg-demo-surface) .list-group-item.disabled .list-group-item-text,:where(.dg-demo-surface) .list-group-item.disabled:focus .list-group-item-text,:where(.dg-demo-surface) .list-group-item.disabled:hover .list-group-item-text {color: #777;}
:where(.dg-demo-surface) .list-group-item.active,:where(.dg-demo-surface) .list-group-item.active:focus,:where(.dg-demo-surface) .list-group-item.active:hover {z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7;}
:where(.dg-demo-surface) .list-group-item.active .list-group-item-heading,:where(.dg-demo-surface) .list-group-item.active .list-group-item-heading>.small,:where(.dg-demo-surface) .list-group-item.active .list-group-item-heading>small,:where(.dg-demo-surface) .list-group-item.active:focus .list-group-item-heading,:where(.dg-demo-surface) .list-group-item.active:focus .list-group-item-heading>.small,:where(.dg-demo-surface) .list-group-item.active:focus .list-group-item-heading>small,:where(.dg-demo-surface) .list-group-item.active:hover .list-group-item-heading,:where(.dg-demo-surface) .list-group-item.active:hover .list-group-item-heading>.small,:where(.dg-demo-surface) .list-group-item.active:hover .list-group-item-heading>small {color: inherit;}
:where(.dg-demo-surface) .list-group-item.active .list-group-item-text,:where(.dg-demo-surface) .list-group-item.active:focus .list-group-item-text,:where(.dg-demo-surface) .list-group-item.active:hover .list-group-item-text {color: #c7ddef;}
:where(.dg-demo-surface) .list-group-item-success {color: #3c763d; background-color: #dff0d8;}
:where(.dg-demo-surface) a.list-group-item-success,:where(.dg-demo-surface) button.list-group-item-success {color: #3c763d;}
:where(.dg-demo-surface) a.list-group-item-success .list-group-item-heading,:where(.dg-demo-surface) button.list-group-item-success .list-group-item-heading {color: inherit;}
:where(.dg-demo-surface) a.list-group-item-success:focus,:where(.dg-demo-surface) a.list-group-item-success:hover,:where(.dg-demo-surface) button.list-group-item-success:focus,:where(.dg-demo-surface) button.list-group-item-success:hover {color: #3c763d; background-color: #d0e9c6;}
:where(.dg-demo-surface) a.list-group-item-success.active,:where(.dg-demo-surface) a.list-group-item-success.active:focus,:where(.dg-demo-surface) a.list-group-item-success.active:hover,:where(.dg-demo-surface) button.list-group-item-success.active,:where(.dg-demo-surface) button.list-group-item-success.active:focus,:where(.dg-demo-surface) button.list-group-item-success.active:hover {color: #fff; background-color: #3c763d; border-color: #3c763d;}
:where(.dg-demo-surface) .list-group-item-info {color: #31708f; background-color: #d9edf7;}
:where(.dg-demo-surface) a.list-group-item-info,:where(.dg-demo-surface) button.list-group-item-info {color: #31708f;}
:where(.dg-demo-surface) a.list-group-item-info .list-group-item-heading,:where(.dg-demo-surface) button.list-group-item-info .list-group-item-heading {color: inherit;}
:where(.dg-demo-surface) a.list-group-item-info:focus,:where(.dg-demo-surface) a.list-group-item-info:hover,:where(.dg-demo-surface) button.list-group-item-info:focus,:where(.dg-demo-surface) button.list-group-item-info:hover {color: #31708f; background-color: #c4e3f3;}
:where(.dg-demo-surface) a.list-group-item-info.active,:where(.dg-demo-surface) a.list-group-item-info.active:focus,:where(.dg-demo-surface) a.list-group-item-info.active:hover,:where(.dg-demo-surface) button.list-group-item-info.active,:where(.dg-demo-surface) button.list-group-item-info.active:focus,:where(.dg-demo-surface) button.list-group-item-info.active:hover {color: #fff; background-color: #31708f; border-color: #31708f;}
:where(.dg-demo-surface) .list-group-item-warning {color: #8a6d3b; background-color: #fcf8e3;}
:where(.dg-demo-surface) a.list-group-item-warning,:where(.dg-demo-surface) button.list-group-item-warning {color: #8a6d3b;}
:where(.dg-demo-surface) a.list-group-item-warning .list-group-item-heading,:where(.dg-demo-surface) button.list-group-item-warning .list-group-item-heading {color: inherit;}
:where(.dg-demo-surface) a.list-group-item-warning:focus,:where(.dg-demo-surface) a.list-group-item-warning:hover,:where(.dg-demo-surface) button.list-group-item-warning:focus,:where(.dg-demo-surface) button.list-group-item-warning:hover {color: #8a6d3b; background-color: #faf2cc;}
:where(.dg-demo-surface) a.list-group-item-warning.active,:where(.dg-demo-surface) a.list-group-item-warning.active:focus,:where(.dg-demo-surface) a.list-group-item-warning.active:hover,:where(.dg-demo-surface) button.list-group-item-warning.active,:where(.dg-demo-surface) button.list-group-item-warning.active:focus,:where(.dg-demo-surface) button.list-group-item-warning.active:hover {color: #fff; background-color: #8a6d3b; border-color: #8a6d3b;}
:where(.dg-demo-surface) .list-group-item-danger {color: #a94442; background-color: #f2dede;}
:where(.dg-demo-surface) a.list-group-item-danger,:where(.dg-demo-surface) button.list-group-item-danger {color: #a94442;}
:where(.dg-demo-surface) a.list-group-item-danger .list-group-item-heading,:where(.dg-demo-surface) button.list-group-item-danger .list-group-item-heading {color: inherit;}
:where(.dg-demo-surface) a.list-group-item-danger:focus,:where(.dg-demo-surface) a.list-group-item-danger:hover,:where(.dg-demo-surface) button.list-group-item-danger:focus,:where(.dg-demo-surface) button.list-group-item-danger:hover {color: #a94442; background-color: #ebcccc;}
:where(.dg-demo-surface) a.list-group-item-danger.active,:where(.dg-demo-surface) a.list-group-item-danger.active:focus,:where(.dg-demo-surface) a.list-group-item-danger.active:hover,:where(.dg-demo-surface) button.list-group-item-danger.active,:where(.dg-demo-surface) button.list-group-item-danger.active:focus,:where(.dg-demo-surface) button.list-group-item-danger.active:hover {color: #fff; background-color: #a94442; border-color: #a94442;}
:where(.dg-demo-surface) .list-group-item-heading {margin-top: 0; margin-bottom: 5px;}
:where(.dg-demo-surface) .list-group-item-text {margin-bottom: 0; line-height: 1.3;}
:where(.dg-demo-surface) .panel {margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
:where(.dg-demo-surface) .panel-body {padding: 15px;}
:where(.dg-demo-surface) .panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}
:where(.dg-demo-surface) .panel-heading>.dropdown .dropdown-toggle {color: inherit;}
:where(.dg-demo-surface) .panel-title {margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;}
:where(.dg-demo-surface) .panel-title>.small,:where(.dg-demo-surface) .panel-title>.small>a,:where(.dg-demo-surface) .panel-title>a,:where(.dg-demo-surface) .panel-title>small,:where(.dg-demo-surface) .panel-title>small>a {color: inherit;}
:where(.dg-demo-surface) .panel-footer {padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.list-group,:where(.dg-demo-surface) .panel>.panel-collapse>.list-group {margin-bottom: 0;}
:where(.dg-demo-surface) .panel>.list-group .list-group-item,:where(.dg-demo-surface) .panel>.panel-collapse>.list-group .list-group-item {border-width: 1px 0; border-radius: 0;}
:where(.dg-demo-surface) .panel>.list-group:first-child .list-group-item:first-child,:where(.dg-demo-surface) .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px;}
:where(.dg-demo-surface) .panel>.list-group:last-child .list-group-item:last-child,:where(.dg-demo-surface) .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {border-top-left-radius: 0; border-top-right-radius: 0;}
:where(.dg-demo-surface) .panel-heading+.list-group .list-group-item:first-child {border-top-width: 0;}
:where(.dg-demo-surface) .list-group+.panel-footer {border-top-width: 0;}
:where(.dg-demo-surface) .panel>.panel-collapse>.table,:where(.dg-demo-surface) .panel>.table,:where(.dg-demo-surface) .panel>.table-responsive>.table {margin-bottom: 0;}
:where(.dg-demo-surface) .panel>.panel-collapse>.table caption,:where(.dg-demo-surface) .panel>.table caption,:where(.dg-demo-surface) .panel>.table-responsive>.table caption {padding-right: 15px; padding-left: 15px;}
:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child,:where(.dg-demo-surface) .panel>.table:first-child {border-top-left-radius: 3px; border-top-right-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,:where(.dg-demo-surface) .panel>.table:first-child>tbody:first-child>tr:first-child,:where(.dg-demo-surface) .panel>.table:first-child>thead:first-child>tr:first-child {border-top-left-radius: 3px; border-top-right-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,:where(.dg-demo-surface) .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,:where(.dg-demo-surface) .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,:where(.dg-demo-surface) .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,:where(.dg-demo-surface) .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {border-top-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,:where(.dg-demo-surface) .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,:where(.dg-demo-surface) .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,:where(.dg-demo-surface) .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,:where(.dg-demo-surface) .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,:where(.dg-demo-surface) .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {border-top-right-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child,:where(.dg-demo-surface) .panel>.table:last-child {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tbody:last-child>tr:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tfoot:last-child>tr:last-child {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,:where(.dg-demo-surface) .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,:where(.dg-demo-surface) .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,:where(.dg-demo-surface) .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,:where(.dg-demo-surface) .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {border-bottom-left-radius: 3px;}
:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,:where(.dg-demo-surface) .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,:where(.dg-demo-surface) .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {border-bottom-right-radius: 3px;}
:where(.dg-demo-surface) .panel>.panel-body+.table,:where(.dg-demo-surface) .panel>.panel-body+.table-responsive,:where(.dg-demo-surface) .panel>.table+.panel-body,:where(.dg-demo-surface) .panel>.table-responsive+.panel-body {border-top: 1px solid #ddd;}
:where(.dg-demo-surface) .panel>.table>tbody:first-child>tr:first-child td,:where(.dg-demo-surface) .panel>.table>tbody:first-child>tr:first-child th {border-top: 0;}
:where(.dg-demo-surface) .panel>.table-bordered,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered {border: 0;}
:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr>th:first-child,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr>th:first-child,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr>th:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {border-left: 0;}
:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr>th:last-child,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr>th:last-child,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr>th:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {border-right: 0;}
:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr:first-child>td,:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr:first-child>th,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr:first-child>td,:where(.dg-demo-surface) .panel>.table-bordered>thead>tr:first-child>th,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {border-bottom: 0;}
:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr:last-child>td,:where(.dg-demo-surface) .panel>.table-bordered>tbody>tr:last-child>th,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr:last-child>td,:where(.dg-demo-surface) .panel>.table-bordered>tfoot>tr:last-child>th,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,:where(.dg-demo-surface) .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom: 0;}
:where(.dg-demo-surface) .panel>.table-responsive {margin-bottom: 0; border: 0;}
:where(.dg-demo-surface) .panel-group {margin-bottom: 20px;}
:where(.dg-demo-surface) .panel-group .panel {margin-bottom: 0; border-radius: 4px;}
:where(.dg-demo-surface) .panel-group .panel+.panel {margin-top: 5px;}
:where(.dg-demo-surface) .panel-group .panel-heading {border-bottom: 0;}
:where(.dg-demo-surface) .panel-group .panel-heading+.panel-collapse>.list-group,:where(.dg-demo-surface) .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 1px solid #ddd;}
:where(.dg-demo-surface) .panel-group .panel-footer {border-top: 0;}
:where(.dg-demo-surface) .panel-group .panel-footer+.panel-collapse .panel-body {border-bottom: 1px solid #ddd;}
:where(.dg-demo-surface) .panel-default {border-color: #ddd;}
:where(.dg-demo-surface) .panel-default>.panel-heading {color: #333; background-color: #f5f5f5; border-color: #ddd;}
:where(.dg-demo-surface) .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ddd;}
:where(.dg-demo-surface) .panel-default>.panel-heading .badge {color: #f5f5f5; background-color: #333;}
:where(.dg-demo-surface) .panel-default>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #ddd;}
:where(.dg-demo-surface) .panel-primary {border-color: #337ab7;}
:where(.dg-demo-surface) .panel-primary>.panel-heading {color: #fff; background-color: #337ab7; border-color: #337ab7;}
:where(.dg-demo-surface) .panel-primary>.panel-heading+.panel-collapse>.panel-body {border-top-color: #337ab7;}
:where(.dg-demo-surface) .panel-primary>.panel-heading .badge {color: #337ab7; background-color: #fff;}
:where(.dg-demo-surface) .panel-primary>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #337ab7;}
:where(.dg-demo-surface) .panel-success {border-color: #d6e9c6;}
:where(.dg-demo-surface) .panel-success>.panel-heading {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;}
:where(.dg-demo-surface) .panel-success>.panel-heading+.panel-collapse>.panel-body {border-top-color: #d6e9c6;}
:where(.dg-demo-surface) .panel-success>.panel-heading .badge {color: #dff0d8; background-color: #3c763d;}
:where(.dg-demo-surface) .panel-success>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #d6e9c6;}
:where(.dg-demo-surface) .panel-info {border-color: #bce8f1;}
:where(.dg-demo-surface) .panel-info>.panel-heading {color: #31708f; background-color: #d9edf7; border-color: #bce8f1;}
:where(.dg-demo-surface) .panel-info>.panel-heading+.panel-collapse>.panel-body {border-top-color: #bce8f1;}
:where(.dg-demo-surface) .panel-info>.panel-heading .badge {color: #d9edf7; background-color: #31708f;}
:where(.dg-demo-surface) .panel-info>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #bce8f1;}
:where(.dg-demo-surface) .panel-warning {border-color: #faebcc;}
:where(.dg-demo-surface) .panel-warning>.panel-heading {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
:where(.dg-demo-surface) .panel-warning>.panel-heading+.panel-collapse>.panel-body {border-top-color: #faebcc;}
:where(.dg-demo-surface) .panel-warning>.panel-heading .badge {color: #fcf8e3; background-color: #8a6d3b;}
:where(.dg-demo-surface) .panel-warning>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #faebcc;}
:where(.dg-demo-surface) .panel-danger {border-color: #ebccd1;}
:where(.dg-demo-surface) .panel-danger>.panel-heading {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
:where(.dg-demo-surface) .panel-danger>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ebccd1;}
:where(.dg-demo-surface) .panel-danger>.panel-heading .badge {color: #f2dede; background-color: #a94442;}
:where(.dg-demo-surface) .panel-danger>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #ebccd1;}
:where(.dg-demo-surface) .embed-responsive {position: relative; display: block; height: 0; padding: 0; overflow: hidden;}
:where(.dg-demo-surface) .embed-responsive .embed-responsive-item,:where(.dg-demo-surface) .embed-responsive embed,:where(.dg-demo-surface) .embed-responsive iframe,:where(.dg-demo-surface) .embed-responsive object,:where(.dg-demo-surface) .embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}
:where(.dg-demo-surface) .embed-responsive-16by9 {padding-bottom: 56.25%;}
:where(.dg-demo-surface) .embed-responsive-4by3 {padding-bottom: 75%;}
:where(.dg-demo-surface) .well {min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
:where(.dg-demo-surface) .well blockquote {border-color: rgba(0,0,0,.15);}
:where(.dg-demo-surface) .well-lg {padding: 24px; border-radius: 6px;}
:where(.dg-demo-surface) .well-sm {padding: 9px; border-radius: 3px;}
:where(.dg-demo-surface) .close {float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
:where(.dg-demo-surface) .close:focus,:where(.dg-demo-surface) .close:hover {color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5;}
:where(.dg-demo-surface) button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
:where(.dg-demo-surface) .modal-open {overflow: hidden;}
:where(.dg-demo-surface) .modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
:where(.dg-demo-surface) .modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%);}
:where(.dg-demo-surface) .modal.in .modal-dialog {-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
:where(.dg-demo-surface) .modal-open .modal {overflow-x: hidden; overflow-y: auto;}
:where(.dg-demo-surface) .modal-dialog {position: relative; width: auto; margin: 10px;}
:where(.dg-demo-surface) .modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
:where(.dg-demo-surface) .modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
:where(.dg-demo-surface) .modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
:where(.dg-demo-surface) .modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}
:where(.dg-demo-surface) .modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
:where(.dg-demo-surface) .modal-header .close {margin-top: -2px;}
:where(.dg-demo-surface) .modal-title {margin: 0; line-height: 1.42857143;}
:where(.dg-demo-surface) .modal-body {position: relative; padding: 15px;}
:where(.dg-demo-surface) .modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
:where(.dg-demo-surface) .modal-footer .btn+.btn {margin-bottom: 0; margin-left: 5px;}
:where(.dg-demo-surface) .modal-footer .btn-group .btn+.btn {margin-left: -1px;}
:where(.dg-demo-surface) .modal-footer .btn-block+.btn-block {margin-left: 0;}
:where(.dg-demo-surface) .modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
@media (min-width:768px){:where(.dg-demo-surface) .modal-dialog {width: 600px; margin: 30px auto;}
:where(.dg-demo-surface) .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);}
:where(.dg-demo-surface) .modal-sm {width: 300px;}}
@media (min-width:992px){:where(.dg-demo-surface) .modal-lg {width: 900px;}}
:where(.dg-demo-surface) .tooltip {position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto;}
:where(.dg-demo-surface) .tooltip.in {filter: alpha(opacity=90); opacity: .9;}
:where(.dg-demo-surface) .tooltip.top {padding: 5px 0; margin-top: -3px;}
:where(.dg-demo-surface) .tooltip.right {padding: 0 5px; margin-left: 3px;}
:where(.dg-demo-surface) .tooltip.bottom {padding: 5px 0; margin-top: 3px;}
:where(.dg-demo-surface) .tooltip.left {padding: 0 5px; margin-left: -3px;}
:where(.dg-demo-surface) .tooltip-inner {max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px;}
:where(.dg-demo-surface) .tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
:where(.dg-demo-surface) .tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;}
:where(.dg-demo-surface) .tooltip.top-left .tooltip-arrow {right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
:where(.dg-demo-surface) .tooltip.top-right .tooltip-arrow {bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000;}
:where(.dg-demo-surface) .tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;}
:where(.dg-demo-surface) .tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;}
:where(.dg-demo-surface) .tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
:where(.dg-demo-surface) .tooltip.bottom-left .tooltip-arrow {top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
:where(.dg-demo-surface) .tooltip.bottom-right .tooltip-arrow {top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000;}
:where(.dg-demo-surface) .popover {position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); line-break: auto;}
:where(.dg-demo-surface) .popover.top {margin-top: -10px;}
:where(.dg-demo-surface) .popover.right {margin-left: 10px;}
:where(.dg-demo-surface) .popover.bottom {margin-top: 10px;}
:where(.dg-demo-surface) .popover.left {margin-left: -10px;}
:where(.dg-demo-surface) .popover-title {padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
:where(.dg-demo-surface) .popover-content {padding: 9px 14px;}
:where(.dg-demo-surface) .popover>.arrow,:where(.dg-demo-surface) .popover>.arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
:where(.dg-demo-surface) .popover>.arrow {border-width: 11px;}
:where(.dg-demo-surface) .popover>.arrow:after {content: ""; border-width: 10px;}
:where(.dg-demo-surface) .popover.top>.arrow {bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0;}
:where(.dg-demo-surface) .popover.top>.arrow:after {bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0;}
:where(.dg-demo-surface) .popover.right>.arrow {top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0,0,0,.25); border-left-width: 0;}
:where(.dg-demo-surface) .popover.right>.arrow:after {bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0;}
:where(.dg-demo-surface) .popover.bottom>.arrow {top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0,0,0,.25);}
:where(.dg-demo-surface) .popover.bottom>.arrow:after {top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;}
:where(.dg-demo-surface) .popover.left>.arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0,0,0,.25);}
:where(.dg-demo-surface) .popover.left>.arrow:after {right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff;}
:where(.dg-demo-surface) .carousel {position: relative;}
:where(.dg-demo-surface) .carousel-inner {position: relative; width: 100%; overflow: hidden;}
:where(.dg-demo-surface) .carousel-inner>.item {position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;}
:where(.dg-demo-surface) .carousel-inner>.item>a>img,:where(.dg-demo-surface) .carousel-inner>.item>img {line-height: 1;}
@media all and (transform-3d), (-webkit-transform-3d){:where(.dg-demo-surface) .carousel-inner>.item {-webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px;}
:where(.dg-demo-surface) .carousel-inner>.item.active.right,:where(.dg-demo-surface) .carousel-inner>.item.next {left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
:where(.dg-demo-surface) .carousel-inner>.item.active.left,:where(.dg-demo-surface) .carousel-inner>.item.prev {left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);}
:where(.dg-demo-surface) .carousel-inner>.item.active,:where(.dg-demo-surface) .carousel-inner>.item.next.left,:where(.dg-demo-surface) .carousel-inner>.item.prev.right {left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}}
:where(.dg-demo-surface) .carousel-inner>.active,:where(.dg-demo-surface) .carousel-inner>.next,:where(.dg-demo-surface) .carousel-inner>.prev {display: block;}
:where(.dg-demo-surface) .carousel-inner>.active {left: 0;}
:where(.dg-demo-surface) .carousel-inner>.next,:where(.dg-demo-surface) .carousel-inner>.prev {position: absolute; top: 0; width: 100%;}
:where(.dg-demo-surface) .carousel-inner>.next {left: 100%;}
:where(.dg-demo-surface) .carousel-inner>.prev {left: -100%;}
:where(.dg-demo-surface) .carousel-inner>.next.left,:where(.dg-demo-surface) .carousel-inner>.prev.right {left: 0;}
:where(.dg-demo-surface) .carousel-inner>.active.left {left: -100%;}
:where(.dg-demo-surface) .carousel-inner>.active.right {left: 100%;}
:where(.dg-demo-surface) .carousel-control {position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .5;}
:where(.dg-demo-surface) .carousel-control.left {background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x;}
:where(.dg-demo-surface) .carousel-control.right {right: 0; left: auto; background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x;}
:where(.dg-demo-surface) .carousel-control:focus,:where(.dg-demo-surface) .carousel-control:hover {color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9;}
:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-left,:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-right,:where(.dg-demo-surface) .carousel-control .icon-next,:where(.dg-demo-surface) .carousel-control .icon-prev {position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px;}
:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-left,:where(.dg-demo-surface) .carousel-control .icon-prev {left: 50%; margin-left: -10px;}
:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-right,:where(.dg-demo-surface) .carousel-control .icon-next {right: 50%; margin-right: -10px;}
:where(.dg-demo-surface) .carousel-control .icon-next,:where(.dg-demo-surface) .carousel-control .icon-prev {width: 20px; height: 20px; font-family: serif; line-height: 1;}
:where(.dg-demo-surface) .carousel-control .icon-prev:before {content: '\2039';}
:where(.dg-demo-surface) .carousel-control .icon-next:before {content: '\203a';}
:where(.dg-demo-surface) .carousel-indicators {position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none;}
:where(.dg-demo-surface) .carousel-indicators li {display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px;}
:where(.dg-demo-surface) .carousel-indicators .active {width: 12px; height: 12px; margin: 0; background-color: #fff;}
:where(.dg-demo-surface) .carousel-caption {position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
:where(.dg-demo-surface) .carousel-caption .btn {text-shadow: none;}
@media screen and (min-width:768px){:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-left,:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-right,:where(.dg-demo-surface) .carousel-control .icon-next,:where(.dg-demo-surface) .carousel-control .icon-prev {width: 30px; height: 30px; margin-top: -10px; font-size: 30px;}
:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-left,:where(.dg-demo-surface) .carousel-control .icon-prev {margin-left: -10px;}
:where(.dg-demo-surface) .carousel-control .glyphicon-chevron-right,:where(.dg-demo-surface) .carousel-control .icon-next {margin-right: -10px;}
:where(.dg-demo-surface) .carousel-caption {right: 20%; left: 20%; padding-bottom: 30px;}
:where(.dg-demo-surface) .carousel-indicators {bottom: 20px;}}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group:after,:where(.dg-demo-surface) .btn-group-vertical>.btn-group:before,:where(.dg-demo-surface) .btn-toolbar:after,:where(.dg-demo-surface) .btn-toolbar:before,:where(.dg-demo-surface) .clearfix:after,:where(.dg-demo-surface) .clearfix:before,:where(.dg-demo-surface) .container-fluid:after,:where(.dg-demo-surface) .container-fluid:before,:where(.dg-demo-surface) .container:after,:where(.dg-demo-surface) .container:before,:where(.dg-demo-surface) .dl-horizontal dd:after,:where(.dg-demo-surface) .dl-horizontal dd:before,:where(.dg-demo-surface) .form-horizontal .form-group:after,:where(.dg-demo-surface) .form-horizontal .form-group:before,:where(.dg-demo-surface) .modal-footer:after,:where(.dg-demo-surface) .modal-footer:before,:where(.dg-demo-surface) .modal-header:after,:where(.dg-demo-surface) .modal-header:before,:where(.dg-demo-surface) .nav:after,:where(.dg-demo-surface) .nav:before,:where(.dg-demo-surface) .navbar-collapse:after,:where(.dg-demo-surface) .navbar-collapse:before,:where(.dg-demo-surface) .navbar-header:after,:where(.dg-demo-surface) .navbar-header:before,:where(.dg-demo-surface) .navbar:after,:where(.dg-demo-surface) .navbar:before,:where(.dg-demo-surface) .pager:after,:where(.dg-demo-surface) .pager:before,:where(.dg-demo-surface) .panel-body:after,:where(.dg-demo-surface) .panel-body:before,:where(.dg-demo-surface) .row:after,:where(.dg-demo-surface) .row:before {display: table; content: " ";}
:where(.dg-demo-surface) .btn-group-vertical>.btn-group:after,:where(.dg-demo-surface) .btn-toolbar:after,:where(.dg-demo-surface) .clearfix:after,:where(.dg-demo-surface) .container-fluid:after,:where(.dg-demo-surface) .container:after,:where(.dg-demo-surface) .dl-horizontal dd:after,:where(.dg-demo-surface) .form-horizontal .form-group:after,:where(.dg-demo-surface) .modal-footer:after,:where(.dg-demo-surface) .modal-header:after,:where(.dg-demo-surface) .nav:after,:where(.dg-demo-surface) .navbar-collapse:after,:where(.dg-demo-surface) .navbar-header:after,:where(.dg-demo-surface) .navbar:after,:where(.dg-demo-surface) .pager:after,:where(.dg-demo-surface) .panel-body:after,:where(.dg-demo-surface) .row:after {clear: both;}
:where(.dg-demo-surface) .center-block {display: block; margin-right: auto; margin-left: auto;}
:where(.dg-demo-surface) .pull-right {float: right !important;}
:where(.dg-demo-surface) .pull-left {float: left !important;}
:where(.dg-demo-surface) .hide {display: none !important;}
:where(.dg-demo-surface) .show {display: block !important;}
:where(.dg-demo-surface) .invisible {visibility: hidden;}
:where(.dg-demo-surface) .text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
:where(.dg-demo-surface) .hidden {display: none !important;}
:where(.dg-demo-surface) .affix {position: fixed;}
:where(.dg-demo-surface) @-ms-viewport {width: device-width;}
:where(.dg-demo-surface) .visible-lg,:where(.dg-demo-surface) .visible-md,:where(.dg-demo-surface) .visible-sm,:where(.dg-demo-surface) .visible-xs {display: none !important;}
:where(.dg-demo-surface) .visible-lg-block,:where(.dg-demo-surface) .visible-lg-inline,:where(.dg-demo-surface) .visible-lg-inline-block,:where(.dg-demo-surface) .visible-md-block,:where(.dg-demo-surface) .visible-md-inline,:where(.dg-demo-surface) .visible-md-inline-block,:where(.dg-demo-surface) .visible-sm-block,:where(.dg-demo-surface) .visible-sm-inline,:where(.dg-demo-surface) .visible-sm-inline-block,:where(.dg-demo-surface) .visible-xs-block,:where(.dg-demo-surface) .visible-xs-inline,:where(.dg-demo-surface) .visible-xs-inline-block {display: none !important;}
@media (max-width:767px){:where(.dg-demo-surface) .visible-xs {display: block !important;}
:where(.dg-demo-surface) table.visible-xs {display: table !important;}
:where(.dg-demo-surface) tr.visible-xs {display: table-row !important;}
:where(.dg-demo-surface) td.visible-xs,:where(.dg-demo-surface) th.visible-xs {display: table-cell !important;}}
@media (max-width:767px){:where(.dg-demo-surface) .visible-xs-block {display: block !important;}}
@media (max-width:767px){:where(.dg-demo-surface) .visible-xs-inline {display: inline !important;}}
@media (max-width:767px){:where(.dg-demo-surface) .visible-xs-inline-block {display: inline-block !important;}}
@media (min-width:768px) and (max-width:991px){:where(.dg-demo-surface) .visible-sm {display: block !important;}
:where(.dg-demo-surface) table.visible-sm {display: table !important;}
:where(.dg-demo-surface) tr.visible-sm {display: table-row !important;}
:where(.dg-demo-surface) td.visible-sm,:where(.dg-demo-surface) th.visible-sm {display: table-cell !important;}}
@media (min-width:768px) and (max-width:991px){:where(.dg-demo-surface) .visible-sm-block {display: block !important;}}
@media (min-width:768px) and (max-width:991px){:where(.dg-demo-surface) .visible-sm-inline {display: inline !important;}}
@media (min-width:768px) and (max-width:991px){:where(.dg-demo-surface) .visible-sm-inline-block {display: inline-block !important;}}
@media (min-width:992px) and (max-width:1199px){:where(.dg-demo-surface) .visible-md {display: block !important;}
:where(.dg-demo-surface) table.visible-md {display: table !important;}
:where(.dg-demo-surface) tr.visible-md {display: table-row !important;}
:where(.dg-demo-surface) td.visible-md,:where(.dg-demo-surface) th.visible-md {display: table-cell !important;}}
@media (min-width:992px) and (max-width:1199px){:where(.dg-demo-surface) .visible-md-block {display: block !important;}}
@media (min-width:992px) and (max-width:1199px){:where(.dg-demo-surface) .visible-md-inline {display: inline !important;}}
@media (min-width:992px) and (max-width:1199px){:where(.dg-demo-surface) .visible-md-inline-block {display: inline-block !important;}}
@media (min-width:1200px){:where(.dg-demo-surface) .visible-lg {display: block !important;}
:where(.dg-demo-surface) table.visible-lg {display: table !important;}
:where(.dg-demo-surface) tr.visible-lg {display: table-row !important;}
:where(.dg-demo-surface) td.visible-lg,:where(.dg-demo-surface) th.visible-lg {display: table-cell !important;}}
@media (min-width:1200px){:where(.dg-demo-surface) .visible-lg-block {display: block !important;}}
@media (min-width:1200px){:where(.dg-demo-surface) .visible-lg-inline {display: inline !important;}}
@media (min-width:1200px){:where(.dg-demo-surface) .visible-lg-inline-block {display: inline-block !important;}}
@media (max-width:767px){:where(.dg-demo-surface) .hidden-xs {display: none !important;}}
@media (min-width:768px) and (max-width:991px){:where(.dg-demo-surface) .hidden-sm {display: none !important;}}
@media (min-width:992px) and (max-width:1199px){:where(.dg-demo-surface) .hidden-md {display: none !important;}}
@media (min-width:1200px){:where(.dg-demo-surface) .hidden-lg {display: none !important;}}
:where(.dg-demo-surface) .visible-print {display: none !important;}
@media print{:where(.dg-demo-surface) .visible-print {display: block !important;}
:where(.dg-demo-surface) table.visible-print {display: table !important;}
:where(.dg-demo-surface) tr.visible-print {display: table-row !important;}
:where(.dg-demo-surface) td.visible-print,:where(.dg-demo-surface) th.visible-print {display: table-cell !important;}}
:where(.dg-demo-surface) .visible-print-block {display: none !important;}
@media print{:where(.dg-demo-surface) .visible-print-block {display: block !important;}}
:where(.dg-demo-surface) .visible-print-inline {display: none !important;}
@media print{:where(.dg-demo-surface) .visible-print-inline {display: inline !important;}}
:where(.dg-demo-surface) .visible-print-inline-block {display: none !important;}
@media print{:where(.dg-demo-surface) .visible-print-inline-block {display: inline-block !important;}}
@media print{:where(.dg-demo-surface) .hidden-print {display: none !important;}}

/* app/demo/demo.css */
:where(.dg-demo-fusion) #dg-decor-demo-panel {position: fixed; left: 50%; bottom: calc(max(12px,env(safe-area-inset-bottom)) + var(--dg-demo-bar-bottom,0px)); transform: translateX(-50%); z-index: 2147483646; width: max-content; max-width: calc(100vw - 24px); padding: 10px; border: 1px solid #ffffff29; border-radius: 18px; background: rgba(14,14,16,.96); box-shadow: 0 16px 52px #0006; backdrop-filter: blur(14px); font: 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: #eee; text-align: left;}
:where(.dg-demo-fusion) #dg-decor-demo-panel * {box-sizing: border-box;}
:where(.dg-demo-fusion) #dg-decor-demo-panel [hidden] {display: none !important;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand {display: flex; align-items: center; gap: 14px; justify-content: space-between; padding: 0 3px 8px; font-weight: 700;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-home {color: #ddd; text-decoration: none; font-size: 12px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel button,:where(.dg-demo-fusion) #dg-decor-demo-panel select,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-request {appearance: none; margin: 0; border: 1px solid transparent; border-radius: 10px; background: #27272b; color: #eee; cursor: pointer; font: 600 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; padding: 11px 12px; text-decoration: none; text-transform: none; letter-spacing: normal;}
:where(.dg-demo-fusion) #dg-decor-demo-panel button:hover,:where(.dg-demo-fusion) #dg-decor-demo-panel select:hover {background: #34343a;}
:where(.dg-demo-fusion) #dg-decor-demo-panel button:focus-visible,:where(.dg-demo-fusion) #dg-decor-demo-panel a:focus-visible,:where(.dg-demo-fusion) #dg-decor-demo-panel select:focus-visible,:where(.dg-demo-fusion) #dg-decor-demo-panel input:focus-visible {outline: 2px solid #ffb46b; outline-offset: 2px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel button:disabled {opacity: .45; cursor: default;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .is-active,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-request {background: #f17d16; color: #17120e;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-request {display: inline-flex; align-items: center; justify-content: center;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-presets,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions {display: flex; align-items: stretch; gap: 6px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options {margin-bottom: 6px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel select {min-width: 130px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-feedback {font-size: 12px; line-height: 1.4; margin: 7px 3px 0; max-width: 620px; color: #ffcf9a;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-feedback:empty,:where(.dg-demo-fusion) #dg-decor-demo-panel small:empty {display: none;}
:where(.dg-demo-fusion) #dg-decor-demo-panel small {display: block; font-size: 11px; margin: 8px 3px 0; color: #ccc;}
:where(.dg-demo-fusion) #dg-decor-demo-panel input {display: block; width: 100%; padding: 8px; background: #222; color: #fff; border: 1px solid #777; border-radius: 6px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed .dg-demo-brand {padding-bottom: 0;}
@media (max-width:720px){:where(.dg-demo-fusion) #dg-decor-demo-panel {left: 10px; right: 10px; width: auto; max-width: none; transform: none; padding: 8px; max-height: calc(100dvh - 20px - var(--dg-demo-bar-height,0px)); overflow: auto;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options {flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel select {flex: 1 0 100%; width: 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-presets {width: 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-presets button {flex: 1; padding: 10px 5px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions {flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions button {flex: 1;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-request {flex: 1 0 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand {gap: 6px; font-size: 11px;}}
@media print{:where(.dg-demo-fusion) #dg-decor-demo-panel {display: none !important;}}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions {flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-comparison {margin-top: 10px; padding: 10px; border: 1px solid #ffffff29; border-radius: 10px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-comparison label,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-comparison output {display: block; color: #ddd; font: 12px/1.4 system-ui,sans-serif; margin: 0;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-comparison input[type=range] {appearance: auto; display: block; width: 100%; min-width: 0; height: 28px; min-height: 28px; margin: 6px 0; padding: 0; background: transparent; border: 0; accent-color: #f17d16; cursor: ew-resize;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-comparison input:disabled {opacity: .45; cursor: default;}
:where(.dg-demo-fusion) #dg-demo-compare-divider {position: fixed; top: 0; bottom: 0; width: 1px; background: #f17d16; box-shadow: 0 0 0 1px #0003; pointer-events: none !important; z-index: 2147482100;}
:where(.dg-demo-fusion) #dg-demo-compare-divider[hidden] {display: none !important;}
@media print{:where(.dg-demo-fusion) #dg-demo-compare-divider {display: none !important;}}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-preset-note {margin: 8px 0; color: #dedce5; font-size: 12px; line-height: 1.5; max-width: 760px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-presets button.is-active {background: #f17d16; color: #17120e;}
:where(.dg-demo-surface) #mainNav,:where(.dg-demo-surface) .navbar-fixed-top,:where(.dg-demo-surface) .navbar.affix {position: relative !important; top: auto !important;}
:where(.dg-demo-surface) .header-slider h2 {font-size: clamp(28px,4vw,52px) !important; line-height: 1.15 !important;}
:where(.dg-demo-surface) .header-slider h3 {font-size: 20px !important;}
:where(.dg-demo-surface) .header-slider .caption p {font-size: 18px !important;}
:where(.dg-demo-surface) .header-slider .caption {color: #fff; text-shadow: 0 2px 14px #0008;}
:where(.dg-demo-surface) .header-slider .caption h2,:where(.dg-demo-surface) .header-slider .caption h3 {color: #fff;}
:where(.dg-demo-surface) .header-slider .caption .get-start {background: #fff; color: #222; text-shadow: none;}
@media (max-width:720px){:where(.dg-demo-surface) .header-slider .caption h2 {font-size: 30px !important;}
:where(.dg-demo-surface) .header-slider .caption p {font-size: 15px !important;}
:where(.dg-demo-surface) .header-slider .caption h3 {font-size: 16px !important;}}
:where(.dg-demo-surface) .dg-demo-symbol {display: inline-flex; width: 20px; height: 20px; vertical-align: middle;}
:where(.dg-demo-surface) .dg-demo-symbol svg {width: 100%; height: 100%;}
:where(.dg-demo-surface) .header-slider .caption p {text-transform: none !important;}
:where(.dg-demo-surface) .header-slider h2 {font-size: clamp(28px,3.2vw,44px) !important;}
.dg-demo-surface {background: #fbfaf7; color: #343631;}
:where(.dg-demo-surface) .top-md-menu {background: #fffefa; border-bottom: 1px solid #e3e0d8;}
:where(.dg-demo-surface) #mainNav {margin-bottom: 0; background: transparent;}
:where(.dg-demo-surface) .navbar-brand img {max-width: 154px; height: auto;}
:where(.dg-demo-surface) .navbar-default .navbar-nav>li>a {font-size: 13px; letter-spacing: .06em;}
:where(.dg-demo-surface) .header-slider .carousel-inner>.item {height: 540px; background-position: center 44% !important;}
:where(.dg-demo-surface) .header-slider .carousel-inner>.item>.container {height: 100%; display: flex; align-items: center;}
:where(.dg-demo-surface) .header-slider .caption {max-width: 650px; margin: 0; text-shadow: 0 2px 16px #15120f88;}
:where(.dg-demo-surface) .header-slider .caption .text-center {text-align: left;}
:where(.dg-demo-surface) .header-slider .caption h3 {margin: 0 0 19px; font: 500 12px/1.4 system-ui,sans-serif !important; letter-spacing: .2em; text-transform: uppercase;}
:where(.dg-demo-surface) .header-slider .caption h2 {max-width: 540px; font-family: Georgia,"Times New Roman",serif; font-weight: 400; letter-spacing: -.02em; text-transform: none; line-height: 1.18 !important;}
:where(.dg-demo-surface) .header-slider .caption p {max-width: 460px; margin: 20px 0 24px; font-weight: 400; letter-spacing: .02em; line-height: 1.6;}
:where(.dg-demo-surface) .header-slider .caption .get-start {border-radius: 0; border: 1px solid #fff; padding: 13px 22px; font-size: 12px; letter-spacing: .08em; text-transform: none; box-shadow: none;}
:where(.dg-demo-surface) .header-slider .carousel-indicators {bottom: 24px;}
:where(.dg-demo-surface) .homebanner {padding-top: 48px; padding-bottom: 48px;}
:where(.dg-demo-surface) .homebanner .ads,:where(.dg-demo-surface) .homebanner .banner-img {overflow: hidden; background: #e8e4de;}
:where(.dg-demo-surface) .homebanner .ads-text {background: #fffdf8ed; padding: 17px 20px; max-width: 85%; color: #30332c; text-shadow: none;}
:where(.dg-demo-surface) .homebanner .ads-text h3,:where(.dg-demo-surface) .homebanner .ads-text h4 {color: #30332c; font-weight: 400; letter-spacing: .04em;}
:where(.dg-demo-surface) .homebanner .ads-text a {color: #5a493c; border-bottom: 1px solid #a8886b; padding-bottom: 3px; text-transform: none;}
:where(.dg-demo-surface) .deal-section {padding-top: 8px;}
:where(.dg-demo-surface) .title h2 {font-size: 25px; font-weight: 400; letter-spacing: .04em; text-transform: none;}
:where(.dg-demo-surface) .title h2 span {font-weight: 600;}
:where(.dg-demo-surface) .pro-text {background: transparent; border: 0; box-shadow: none; margin-bottom: 34px;}
:where(.dg-demo-surface) .pro-text .pro-img {background: #eae6de; overflow: hidden;}
:where(.dg-demo-surface) .pro-text .pro-img>img {width: 100%; object-fit: cover; transition: transform .6s ease;}
:where(.dg-demo-surface) .pro-text:hover .pro-img>img {transform: scale(1.025);}
:where(.dg-demo-surface) .pro-text-outer {padding: 18px 0 0;}
:where(.dg-demo-surface) .pro-text-outer>span {font-size: 11px; letter-spacing: .1em; color: #77786c; text-transform: uppercase;}
:where(.dg-demo-surface) .pro-text-outer h4 {font-size: 16px; line-height: 1.45; font-weight: 500; text-transform: none; letter-spacing: 0; margin: 7px 0 10px; min-height: 23px;}
:where(.dg-demo-surface) .pro-text .wk-price {font-size: 15px; font-weight: 600; color: #3c4035;}
:where(.dg-demo-surface) .pro-text .in-stock {font-size: 11px; font-weight: 400; color: #647154;}
:where(.dg-demo-surface) .pro-text .add-btn {border-radius: 0; background: #343c30; color: #fff; border: 1px solid #343c30; box-shadow: none; text-transform: none; letter-spacing: .02em;}
:where(.dg-demo-surface) .pro-text .add-btn:hover {background: #59624e; color: #fff; border-color: #59624e;}
:where(.dg-demo-surface) .new-tag,:where(.dg-demo-surface) .sale-tag {border-radius: 0 !important; letter-spacing: .06em; font-size: 11px;}
:where(.dg-demo-surface) .dg-demo-ultra-preview {display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 7px 0 10px; border-top: 1px solid #ffffff24; padding-top: 9px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-ultra-preview span {font-size: 11px; color: #c9c2b8; margin-right: 3px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-ultra-preview button {padding: 7px 11px; border-color: #897259; background: #302b27; font-size: 11px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel {border-radius: 9px; background: rgba(29,31,26,.97); backdrop-filter: blur(8px);}
:where(.dg-demo-fusion) #dg-decor-demo-panel button,:where(.dg-demo-fusion) #dg-decor-demo-panel select,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-request {border-radius: 4px;}
@media (max-width:720px){:where(.dg-demo-surface) .header-slider .carousel-inner>.item {height: 430px;}
:where(.dg-demo-surface) .header-slider .caption {padding: 0 10px;}
:where(.dg-demo-surface) .header-slider .caption h2 {max-width: 310px; font-size: 31px !important;}
:where(.dg-demo-surface) .header-slider .caption h3 {font-size: 11px !important; letter-spacing: .13em;}
:where(.dg-demo-surface) .homebanner {padding-top: 26px; padding-bottom: 20px;}
:where(.dg-demo-surface) .homebanner .ads-text {padding: 11px 15px;}
:where(.dg-demo-surface) .pro-text {margin-bottom: 25px;}
:where(.dg-demo-surface) .navbar-brand img {max-width: 134px;}}
@media (prefers-reduced-motion:reduce){:where(.dg-demo-surface) .pro-text .pro-img>img {transition: none;}
:where(.dg-demo-surface) .pro-text:hover .pro-img>img {transform: none;}}
@media (max-width:720px){:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options>select {flex: 1 1 calc(50% - 6px); width: calc(50% - 6px); min-width: 0; font-size: 11px; padding: 9px 7px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-preset-note {font-size: 11px; line-height: 1.4;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions button {font-size: 11px; padding: 9px 7px;}}
:where(.dg-demo-surface) .navbar-nav a[aria-disabled="true"] {cursor: default; pointer-events: none;}
:where(.dg-demo-surface) .navbar-nav a[aria-current="page"] {color: #514937 !important;}
:where(.dg-demo-surface) a[data-dg-demo-inert] {cursor: default;}
:where(.dg-demo-surface) .dg-contact-photo {height: 280px; overflow: hidden; background: #e6e1da;}
:where(.dg-demo-surface) .dg-contact-photo img {width: 100%; height: 100%; object-fit: cover; object-position: center 40%;}
:where(.dg-demo-surface) .contact-info .map {margin-bottom: 0;}
:where(.dg-demo-surface) .contact-form .title h2 {font-size: 28px; letter-spacing: 0;}
:where(.dg-demo-surface) .contact-form input[type="submit"] {background: #343c30; color: #fff; border: 0; padding: 15px 25px;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-contact-photo {height: 190px;}
:where(.dg-demo-surface) .contact-form .title h2 {font-size: 24px;}}
:where(.dg-demo-surface) .contact-form p input[type="email"] {border: 0; border-bottom: 1px solid #ddd; border-radius: 0; font-size: 13px; padding: 10px; width: 100%;}
.dg-demo-surface.dg-showcase {--ink: #30392f; --paper: #faf8f2; --line: #deded1; margin: 0; background: var(--paper); color: var(--ink); font: 15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; padding-bottom: 115px;}
.dg-demo-surface.dg-showcase * {box-sizing: border-box;}
.dg-demo-surface.dg-showcase [hidden] {display: none !important;}
.dg-demo-surface.dg-showcase button,.dg-demo-surface.dg-showcase a {touch-action: manipulation;}
.dg-demo-surface.dg-showcase button {font: inherit;}
.dg-demo-surface.dg-showcase button:focus-visible,.dg-demo-surface.dg-showcase a:focus-visible,.dg-demo-surface.dg-showcase input:focus-visible,.dg-demo-surface.dg-showcase textarea:focus-visible {outline: 3px solid #bc713b; outline-offset: 4px;}
.dg-demo-surface.dg-showcase a {color: inherit;}
:where(.dg-demo-surface) .dg-shell {width: min(1200px,calc(100% - 64px)); margin: auto;}
.dg-demo-surface.dg-showcase .dg-eyebrow {font: 600 10px/1.5 system-ui,sans-serif; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 10px; color: #6a6d5b;}
.dg-demo-surface.dg-showcase h1,.dg-demo-surface.dg-showcase h2,.dg-demo-surface.dg-showcase h3 {color: var(--ink); margin: 0; font-weight: 400; letter-spacing: -.02em; line-height: 1.2;}
.dg-demo-surface.dg-showcase h1 {font-size: 26px;}
.dg-demo-surface.dg-showcase h2 {font: 400 32px/1.2 Georgia,serif;}
.dg-demo-surface.dg-showcase h3 {font-size: 18px;}
.dg-demo-surface.dg-showcase #mainNav {border: 0; border-bottom: 1px solid var(--line); border-radius: 0; min-height: 74px; background: var(--paper);}
.dg-demo-surface.dg-showcase .navbar-brand {height: 74px; display: flex; align-items: center; padding: 12px 0;}
.dg-demo-surface.dg-showcase .navbar-brand .dg-brand-logo {max-width: 155px;}
.dg-demo-surface.dg-showcase .navbar-nav>li>a {padding: 27px 16px; font: 500 12px/20px system-ui; letter-spacing: .02em;}
.dg-demo-surface.dg-showcase .navbar-nav>li>a[aria-disabled] {color: #969b8b;}
.dg-demo-surface.dg-showcase .navbar-toggle {margin-top: 18px; margin-right: 0; padding: 12px;}
:where(.dg-demo-surface) .dg-skip {position: absolute; top: -100px; left: 20px; z-index: 2147483647; background: white; padding: 12px;}
:where(.dg-demo-surface) .dg-skip:focus {top: 12px;}
:where(.dg-demo-surface) .dg-studio {padding-top: 22px; padding-bottom: 19px;}
:where(.dg-demo-surface) .dg-studio-heading {display: flex; justify-content: space-between; gap: 20px; align-items: center;}
:where(.dg-demo-surface) .dg-studio-heading .dg-eyebrow {margin-bottom: 4px;}
:where(.dg-demo-surface) .dg-studio h1 {font-size: 23px;}
:where(.dg-demo-surface) .dg-text-button {border: 0; border-bottom: 1px solid #8d927f; background: none; color: var(--ink); padding: 7px 0; white-space: nowrap; cursor: pointer; font-size: 12px !important;}
:where(.dg-demo-surface) .dg-recipes {display: grid; grid-template-columns: repeat(3,1fr); gap: 0; margin-top: 18px; border: 1px solid var(--line);}
:where(.dg-demo-surface) .dg-recipes button {border: 0; border-right: 1px solid var(--line); padding: 12px 18px; text-align: left; background: transparent; cursor: pointer; min-width: 0; color: var(--ink);}
:where(.dg-demo-surface) .dg-recipes button:last-child {border-right: 0;}
:where(.dg-demo-surface) .dg-recipes button span {display: block; font-size: 14px; font-weight: 650;}
:where(.dg-demo-surface) .dg-recipes button small {display: block; font-size: 11px; margin-top: 3px;}
:where(.dg-demo-surface) .dg-recipes button:hover {background: #eeeee4;}
:where(.dg-demo-surface) .dg-recipes button[aria-pressed=true] {background: #30392f; color: #fff8e9;}
:where(.dg-demo-surface) .dg-quick {display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-top: 11px; min-height: 35px;}
:where(.dg-demo-surface) .dg-live-label {font-size: 11px; color: #647054;}
:where(.dg-demo-surface) .dg-live-label::before {content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; margin-right: 6px;}
:where(.dg-demo-surface) [data-demo-quick-effects] {display: flex; gap: 6px; flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-quick button:not(.dg-text-button) {padding: 5px 10px; border: 1px solid #d1d3c7; background: transparent; border-radius: 3px; font-size: 11px; cursor: pointer; min-height: 32px;}
:where(.dg-demo-surface) .dg-quick button:disabled {opacity: .5; cursor: default;}
:where(.dg-demo-surface) .dg-quick>.dg-text-button {margin-left: auto;}
:where(.dg-demo-surface) .dg-studio-status {font-size: 12px; margin: 5px 0 0; color: #835026;}
:where(.dg-demo-surface) .dg-studio-status:empty {display: none;}
.dg-demo-surface.dg-showcase .dg-shop-hero {position: relative; background: #e9e9dc; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.dg-demo-surface.dg-showcase .header-slider .carousel-inner>.item {display: grid; grid-template-columns: 1fr 1.15fr; height: 390px;}
:where(.dg-demo-surface) .dg-hero-copy {padding: 56px max(32px,calc((100vw - 1200px)/2)); padding-right: 35px; align-self: center;}
.dg-demo-surface.dg-showcase .dg-hero-copy h2 {font: 400 clamp(30px,3vw,42px)/1.12 Georgia,serif !important; color: #30392f !important; letter-spacing: -.035em;}
:where(.dg-demo-surface) .dg-hero-copy>p:not(.dg-eyebrow) {font-size: 14px; margin: 20px 0 24px; color: #5a6453;}
:where(.dg-demo-surface) .dg-hero-photo {display: block; width: 100%; height: 390px; object-fit: cover; object-position: center 46%;}
.dg-demo-surface.dg-showcase .get-start {display: inline-flex; gap: 28px; align-items: center; background: #30392f; color: white; border: 1px solid #30392f; font-size: 12px; padding: 12px 18px; text-decoration: none; box-shadow: none;}
.dg-demo-surface.dg-showcase .get-start:hover {background: #45513e;}
:where(.dg-demo-surface) .dg-photo-caption {position: absolute; right: 20px; bottom: 12px; background: #faf8f2ed; color: #30392f; padding: 5px 10px; font-size: 10px; letter-spacing: .03em;}
:where(.dg-demo-surface) .dg-collection {padding-top: 52px; padding-bottom: 30px; scroll-margin-top: 22px;}
:where(.dg-demo-surface) .dg-section-heading {display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 28px;}
:where(.dg-demo-surface) .dg-section-heading>p {font-size: 12px; text-align: right; margin: 0;}
:where(.dg-demo-surface) .dg-section-heading>p span {color: #777e6b;}
:where(.dg-demo-surface) .dg-product-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px 26px;}
.dg-demo-surface.dg-showcase .pro-text {margin: 0; min-width: 0;}
.dg-demo-surface.dg-showcase .pro-img {aspect-ratio: 1.15; position: relative; background: #eeede7;}
.dg-demo-surface.dg-showcase .pro-img>img {display: block; width: 100%; height: 100%; object-fit: cover;}
.dg-demo-surface.dg-showcase .pro-text-outer {padding-top: 15px;}
.dg-demo-surface.dg-showcase .pro-text h3 {font: 400 20px/1.3 Georgia,serif; margin: 6px 0 12px;}
:where(.dg-demo-surface) .dg-product-bottom {display: flex; justify-content: space-between; align-items: center; gap: 12px;}
.dg-demo-surface.dg-showcase .add-btn {font-size: 11px; padding: 9px 13px; min-height: 38px;}
.dg-demo-surface.dg-showcase .add-btn span {margin-left: 10px;}
.dg-demo-surface.dg-showcase .wk-price {font-size: 13px; font-weight: 500;}
:where(.dg-demo-surface) .dg-feature-lab {display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 36px 0; margin-top: 28px;}
:where(.dg-demo-surface) .dg-feature-lab h2 {font-size: 28px;}
:where(.dg-demo-surface) .dg-feature-lab p:not(.dg-eyebrow) {font-size: 13px; margin: 14px 0 0; max-width: 520px;}
:where(.dg-demo-surface) .dg-feature-controls {display: grid; gap: 8px; align-content: center;}
:where(.dg-demo-surface) .dg-feature-controls>button {display: flex; justify-content: space-between; gap: 16px; border: 1px solid #c8cebd; background: transparent; padding: 12px 16px; text-align: left; cursor: pointer; font-size: 13px;}
:where(.dg-demo-surface) .dg-feature-controls>button[aria-pressed=true] {background: #30392f; color: #fff;}
:where(.dg-demo-surface) .dg-feature-controls>button span {font-weight: 600;}
:where(.dg-demo-surface) .dg-feature-controls>a {font-size: 12px; text-decoration: underline;}
:where(.dg-demo-surface) .dg-feature-controls>p {color: #6a725f; font-size: 11px !important;}
:where(.dg-demo-surface) .dg-offer {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; padding-top: 55px; padding-bottom: 55px;}
:where(.dg-demo-surface) .dg-offer h2 {font-size: 28px;}
:where(.dg-demo-surface) .dg-offer p:not(.dg-eyebrow) {font-size: 13px; line-height: 1.75; margin: 15px 0;}
:where(.dg-demo-surface) .dg-offer-card {padding: 24px; border: 1px solid #d5d9ca; background: #f3f3e9; display: flex; flex-direction: column; align-items: start;}
:where(.dg-demo-surface) .dg-offer-card h3 {font-size: 22px;}
:where(.dg-demo-surface) .dg-offer-card h3 small {display: block; font-size: 12px; line-height: 1.8; font-weight: 400; margin-top: 6px; color: inherit;}
:where(.dg-demo-surface) .dg-offer-card>.dg-solid-link {margin-top: auto;}
:where(.dg-demo-surface) .dg-solid-link {display: inline-block; background: #30392f; color: #fff !important; padding: 11px 15px; font-size: 12px; text-decoration: none; border: 1px solid #30392f;}
:where(.dg-demo-surface) .dg-solid-link:hover {background: #4a5543; text-decoration: none;}
:where(.dg-demo-surface) .dg-offer-card>small {display: block; font-size: 10px; margin-top: 10px; line-height: 1.6;}
:where(.dg-demo-surface) .dg-offer-paid {background: #30392f; color: #f5f3e9;}
:where(.dg-demo-surface) .dg-offer-paid h3,:where(.dg-demo-surface) .dg-offer-paid .dg-eyebrow {color: #f5f3e9;}
:where(.dg-demo-surface) .dg-offer-paid .dg-solid-link {background: #e5cba0; color: #30392f !important; border-color: #e5cba0;}
:where(.dg-demo-surface) .dg-shop-footer {border-top: 1px solid var(--line); padding: 25px 0; display: flex; justify-content: space-between; gap: 30px; font-size: 10px; color: #717865;}
:where(.dg-demo-surface) .dg-shop-footer strong {font-size: 13px; color: #30392f;}
:where(.dg-demo-surface) .dg-shop-footer span {display: block; margin-top: 4px;}
:where(.dg-demo-surface) .dg-shop-footer p {margin: 0; text-align: right;}
:where(.dg-demo-surface) .dg-contact {display: grid; grid-template-columns: 1fr 1fr; gap: 90px; padding: 60px 0;}
:where(.dg-demo-surface) .dg-contact h1 {font: 400 34px/1.2 Georgia,serif;}
:where(.dg-demo-surface) .dg-contact-intro>p:not(.dg-eyebrow) {margin: 20px 0; font-size: 14px;}
:where(.dg-demo-surface) .dg-contact-intro img {display: block; width: 100%; height: 260px; object-fit: cover; margin: 25px 0;}
:where(.dg-demo-surface) .dg-contact .contact-form {padding-top: 2px;}
:where(.dg-demo-surface) .dg-contact .contact-form>p {font-size: 13px; margin: 12px 0 24px;}
:where(.dg-demo-surface) .dg-contact form {display: grid; gap: 10px;}
:where(.dg-demo-surface) .dg-contact label {font-size: 12px; font-weight: 500; margin-top: 8px;}
:where(.dg-demo-surface) .dg-contact input,:where(.dg-demo-surface) .dg-contact textarea {width: 100%; border: 1px solid #c7cdba; border-radius: 0; padding: 12px; background: #fffefa; font: 14px/1.5 system-ui; color: #30392f;}
:where(.dg-demo-surface) .dg-contact #submit {background: #30392f; border: 0; color: white; padding: 13px 18px; justify-self: start; margin-top: 12px; font-size: 13px;}
@media (min-width:721px) and (max-width:1050px){:where(.dg-demo-surface) .dg-offer {grid-template-columns: 1fr 1fr;}
:where(.dg-demo-surface) .dg-offer-intro {grid-column: 1/-1;}
:where(.dg-demo-surface) .dg-feature-lab {gap: 30px;}}
@media (max-width:720px){:where(.dg-demo-surface) .dg-shell {width: calc(100% - 36px);}
.dg-demo-surface.dg-showcase {font-size: 14px;}
.dg-demo-surface.dg-showcase #mainNav {min-height: 64px;}
.dg-demo-surface.dg-showcase .navbar-brand {height: 64px;}
.dg-demo-surface.dg-showcase .navbar-toggle {margin-top: 12px;}
.dg-demo-surface.dg-showcase .navbar-nav>li>a {padding: 12px 0;}
.dg-demo-surface.dg-showcase .navbar-collapse {border: 0;}
.dg-demo-surface.dg-showcase .navbar-nav {margin: 0 0 12px;}
:where(.dg-demo-surface) .dg-studio {padding-top: 16px; padding-bottom: 14px;}
:where(.dg-demo-surface) .dg-studio-heading {align-items: start; gap: 12px;}
:where(.dg-demo-surface) .dg-studio h1 {font-size: 18px; line-height: 1.3;}
:where(.dg-demo-surface) .dg-studio-heading .dg-text-button {font-size: 10px !important; white-space: normal; min-width: 62px; padding-top: 0;}
:where(.dg-demo-surface) .dg-studio-heading .dg-eyebrow {font-size: 9px;}
:where(.dg-demo-surface) .dg-recipes {margin-top: 12px;}
:where(.dg-demo-surface) .dg-recipes button {padding: 10px 7px;}
:where(.dg-demo-surface) .dg-recipes button span {font-size: 10px; white-space: nowrap;}
:where(.dg-demo-surface) .dg-recipes button small {display: none;}
:where(.dg-demo-surface) .dg-quick {gap: 5px 10px; margin-top: 8px;}
:where(.dg-demo-surface) .dg-live-label {font-size: 10px;}
:where(.dg-demo-surface) .dg-quick>.dg-text-button {font-size: 10px !important;}
:where(.dg-demo-surface) .dg-quick [data-demo-quick-effects] {order: 3; width: 100%; gap: 5px;}
:where(.dg-demo-surface) .dg-quick button:not(.dg-text-button) {font-size: 10px; padding: 5px 8px;}
.dg-demo-surface.dg-showcase .header-slider .carousel-inner>.item {height: 360px; display: block; position: relative;}
:where(.dg-demo-surface) .dg-hero-copy {position: relative; z-index: 1; padding: 35px 24px; width: 100%; height: 100%; background: linear-gradient(90deg,#e9e9dcfa,#e9e9dce8 47%,#e9e9dc14);}
.dg-demo-surface.dg-showcase .dg-hero-copy h2 {font-size: 32px !important; max-width: 250px;}
:where(.dg-demo-surface) .dg-hero-copy>p:not(.dg-eyebrow) {font-size: 12px; max-width: 240px; line-height: 1.65; margin: 18px 0 20px;}
:where(.dg-demo-surface) .dg-hero-photo {position: absolute; inset: 0; width: 100%; height: 100%; object-position: 65% 50%;}
:where(.dg-demo-surface) .dg-photo-caption {z-index: 2; right: 12px; bottom: 10px; font-size: 9px;}
.dg-demo-surface.dg-showcase .get-start {padding: 11px 14px; font-size: 11px; gap: 20px;}
:where(.dg-demo-surface) .dg-collection {padding-top: 30px;}
:where(.dg-demo-surface) .dg-section-heading {display: block; margin-bottom: 20px;}
:where(.dg-demo-surface) .dg-section-heading h2 {font-size: 27px;}
:where(.dg-demo-surface) .dg-section-heading>p {font-size: 11px; text-align: left; margin-top: 12px;}
:where(.dg-demo-surface) .dg-product-grid {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 13px;}
.dg-demo-surface.dg-showcase .pro-img {aspect-ratio: .82;}
.dg-demo-surface.dg-showcase .pro-text h3 {font-size: 17px; min-height: 43px; margin-top: 5px;}
.dg-demo-surface.dg-showcase .pro-text-outer>span {font-size: 9px; letter-spacing: .05em;}
:where(.dg-demo-surface) .dg-product-bottom {display: block;}
.dg-demo-surface.dg-showcase .wk-price {display: block; font-size: 12px; margin-bottom: 10px;}
.dg-demo-surface.dg-showcase .add-btn {width: 100%; font-size: 10px; padding: 9px 5px;}
:where(.dg-demo-surface) .dg-feature-lab {grid-template-columns: 1fr; gap: 24px; padding: 28px 0; margin-top: 10px;}
:where(.dg-demo-surface) .dg-feature-lab h2 {font-size: 26px;}
:where(.dg-demo-surface) .dg-offer {grid-template-columns: 1fr; padding: 32px 0; gap: 20px;}
:where(.dg-demo-surface) .dg-offer-intro {padding-bottom: 4px;}
:where(.dg-demo-surface) .dg-offer-card {padding: 24px;}
:where(.dg-demo-surface) .dg-shop-footer {display: block; padding: 25px 0;}
:where(.dg-demo-surface) .dg-shop-footer p {text-align: left; margin-top: 15px;}
:where(.dg-demo-surface) .dg-contact {grid-template-columns: 1fr; gap: 32px; padding: 30px 0;}
:where(.dg-demo-surface) .dg-contact h1 {font-size: 29px;}
:where(.dg-demo-surface) .dg-contact-intro img {height: 190px;}
:where(.dg-demo-surface) .dg-contact h2 {font-size: 28px;}}
:where(.dg-demo-fusion) #dg-demo-cart-toast {position: fixed; left: 50%; bottom: 145px; transform: translateX(-50%); max-width: calc(100vw - 36px); width: max-content; background: #30392f; color: #fff8ea; padding: 12px 18px; z-index: 2147483646; box-shadow: 0 5px 20px #0002; font: 12px/1.5 system-ui; pointer-events: none;}
.dg-demo-surface.dg-showcase .header-slider .carousel-inner>.item>img.dg-hero-photo {height: 390px; object-fit: cover;}
@media (max-width:720px){.dg-demo-surface.dg-showcase .header-slider .carousel-inner>.item>img.dg-hero-photo {height: 100%; max-width: none;}}
:root {--dg-decor-dock-bottom: 90px;}
.dg-demo-surface.dg-showcase {--paper: #f8f5ee; --line: #e3dbcd; --dg-decor-dock-bottom: 90px; background: var(--paper);}
.dg-demo-surface.dg-showcase .dg-shop-hero {background: #eae4d8;}
.dg-demo-surface.dg-showcase .dg-photo-caption {background: #fffaf0e8;}
.dg-demo-surface.dg-showcase .pro-text {border: 1px solid #e6dfd2; background: #fffcf6; border-radius: 7px; overflow: hidden;}
.dg-demo-surface.dg-showcase .pro-img {border-radius: 6px 6px 0 0;}
.dg-demo-surface.dg-showcase .pro-text-outer {padding: 16px 17px 18px;}
.dg-demo-surface.dg-showcase .pro-text-outer>span {color: #82745e;}
.dg-demo-surface.dg-showcase .add-btn {border-radius: 3px;}
:where(.dg-demo-surface) .dg-demo-cart {display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 17px 20px; background: #efeadf; border: 1px solid #e0d6c6; margin-bottom: 13px; border-radius: 6px;}
:where(.dg-demo-surface) .dg-demo-cart>div {display: flex; gap: 20px; flex-wrap: wrap; align-items: center;}
:where(.dg-demo-surface) .dg-demo-cart strong {font-size: 13px; font-weight: 600;}
:where(.dg-demo-surface) .dg-demo-cart output {display: inline; font: inherit; background: #30392f; color: #fff; padding: 2px 7px; border-radius: 12px; margin-left: 5px;}
:where(.dg-demo-surface) .dg-demo-cart [data-dg-cart-total] {font-size: 16px; font-weight: 600;}
:where(.dg-demo-surface) .dg-demo-cart small {font-size: 11px; color: #746b5d;}
:where(.dg-demo-surface) .dg-demo-cart button {border: 0; border-bottom: 1px solid #847963; padding: 4px 0; background: none; font-size: 11px; white-space: nowrap; color: #514937;}
:where(.dg-demo-surface) .dg-shipping-slot:not(:empty) {margin-bottom: 22px;}
.dg-demo-surface.dg-showcase .dg-feature-lab {gap: 40px;}
:where(.dg-demo-surface) .dg-feature-controls>[data-demo-feature=snow_wipe],:where(.dg-demo-surface) .dg-feature-controls>[data-demo-feature=shipping_progress] {border-color: #bcb09a;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-demo-cart {padding: 13px 12px; gap: 8px;}
:where(.dg-demo-surface) .dg-demo-cart>div {gap: 4px 12px;}
:where(.dg-demo-surface) .dg-demo-cart small {flex: 1 0 100%; font-size: 9px;}
:where(.dg-demo-surface) .dg-demo-cart strong {font-size: 11px;}
:where(.dg-demo-surface) .dg-demo-cart [data-dg-cart-total] {font-size: 13px;}
:where(.dg-demo-surface) .dg-demo-cart button {font-size: 10px;}
.dg-demo-surface.dg-showcase .pro-text-outer {padding: 12px 10px 13px;}
.dg-demo-surface.dg-showcase .pro-text h3 {font-size: 16px;}}
:where(.dg-demo-surface) .dg-studio-controls {display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 12px;}
:where(.dg-demo-surface) .dg-strength-picker {display: flex; gap: 3px; align-items: center; flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-strength-picker>span {font-size: 11px; color: #6a6d5b; margin-right: 10px;}
:where(.dg-demo-surface) .dg-strength-picker button {min-height: 38px; min-width: 63px; padding: 6px 11px; border: 1px solid transparent; background: transparent; border-radius: 3px; font-size: 12px; cursor: pointer;}
:where(.dg-demo-surface) .dg-strength-picker button:hover {background: #efeadf;}
:where(.dg-demo-surface) .dg-strength-picker button[aria-pressed=true] {border-color: #a39070; background: #efeadf; color: #30392f; font-weight: 650;}
:where(.dg-demo-surface) .dg-mode-details {font-size: 11px; color: #726753; margin-top: 7px; max-width: 800px;}
:where(.dg-demo-surface) .dg-mode-details summary {cursor: pointer; display: list-item; width: fit-content; padding: 5px 0;}
:where(.dg-demo-surface) .dg-mode-details p {margin: 5px 0 8px; line-height: 1.75;}
.dg-demo-surface.dg-showcase #jatekos-funkciok {scroll-margin-top: 28px;}
.dg-demo-surface.dg-showcase .dg-recipes {border-radius: 5px; overflow: hidden;}
.dg-demo-surface.dg-showcase .dg-quick button:not(.dg-text-button) {min-height: 38px; font-size: 11px;}
.dg-demo-surface.dg-showcase .dg-quick>.dg-text-button {min-height: 38px;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-studio-controls {gap: 8px; align-items: start; flex-wrap: wrap; margin-top: 9px;}
:where(.dg-demo-surface) .dg-strength-picker {gap: 1px;}
:where(.dg-demo-surface) .dg-strength-picker>span {font-size: 10px; margin-right: 6px;}
:where(.dg-demo-surface) .dg-strength-picker button {min-width: 49px; min-height: 44px; padding: 7px; font-size: 11px;}
:where(.dg-demo-surface) .dg-studio-controls>.dg-text-button {font-size: 10px !important; padding: 3px 0;}
.dg-demo-surface.dg-showcase .dg-quick button:not(.dg-text-button) {min-height: 44px; font-size: 10px;}
:where(.dg-demo-surface) .dg-mode-details {font-size: 10px;}
:where(.dg-demo-surface) .dg-recipes button {min-height: 44px;}
:where(.dg-demo-surface) .dg-quick>.dg-text-button {font-size: 10px !important;}}
:where(.dg-demo-surface) .dg-feature-lab {scroll-margin-top: 20px; margin-top: 0; gap: 45px; padding: 38px 0;}
:where(.dg-demo-surface) .dg-experience-starts {margin-top: 22px; border-top: 1px solid var(--line);}
:where(.dg-demo-surface) .dg-experience-starts button {display: block; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; font-size: 14px;}
:where(.dg-demo-surface) .dg-experience-starts b {font: italic 22px Georgia,serif; margin-right: 13px; color: #a46c45;}
:where(.dg-demo-surface) .dg-experience-starts small {display: block; margin-left: 39px; font-size: 11px; color: #677160;}
:where(.dg-demo-surface) .dg-experience-starts [aria-pressed=true] {border-bottom-color: #a46c45;}
:where(.dg-demo-surface) .dg-experience-guide {border-left: 3px solid #976949; background: #f0eee4; padding: 16px 20px; margin-bottom: 16px; display: flex; gap: 24px; justify-content: space-between; align-items: center;}
:where(.dg-demo-surface) .dg-experience-guide p {margin: 0; max-width: 590px; font-size: 12px;}
:where(.dg-demo-surface) .dg-experience-guide strong {display: block; margin-bottom: 5px; font-size: 13px;}
:where(.dg-demo-surface) .dg-experience-guide>div {display: flex; gap: 8px; flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-experience-guide button {padding: 10px 13px; background: #30392f; color: #fff; border: 1px solid #30392f; cursor: pointer; font-size: 12px; min-height: 44px;}
:where(.dg-demo-surface) .dg-experience-guide [data-demo-snow-again] {background: transparent; color: #30392f;}
:where(.dg-demo-surface) .dg-shipping-slot {max-width: 620px;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-feature-lab {gap: 22px; padding: 25px 0;}
:where(.dg-demo-surface) .dg-experience-guide {display: block; padding: 14px;}
:where(.dg-demo-surface) .dg-experience-guide>div {margin-top: 13px;}
:where(.dg-demo-surface) .dg-studio-controls {gap: 12px;}
:where(.dg-demo-surface) .dg-studio-controls>.dg-text-button {white-space: normal; text-align: left;}}
:where(.dg-demo-surface) .dg-scene-studio {display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding-top: 48px; padding-bottom: 48px; border-top: 1px solid #d7d5cd;}
:where(.dg-demo-surface) .dg-scene-studio h2 {font-size: 30px; line-height: 1.2; max-width: 390px;}
:where(.dg-demo-surface) .dg-scene-studio p {max-width: 450px;}
:where(.dg-demo-surface) .dg-scene-note {font-size: 13px; color: #5d675e;}
:where(.dg-demo-surface) .dg-scene-choices {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
:where(.dg-demo-surface) .dg-scene-choices button,:where(.dg-demo-surface) .dg-scene-choices label {border: 1px solid #c8d0c1; background: #f4f3ec; padding: 16px; text-align: left; color: #244831; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.4;}
:where(.dg-demo-surface) .dg-scene-choices button:hover,:where(.dg-demo-surface) .dg-scene-choices button:focus-visible {background: #e4e9dc; border-color: #244831;}
:where(.dg-demo-surface) .dg-scene-choices small {display: block; font-size: 12px; font-weight: 400; margin-top: 6px;}
:where(.dg-demo-surface) .dg-scene-choices select {display: block; width: 100%; margin-top: 6px; font-size: 14px; background: #fff; padding: 5px; border: 1px solid #c8d0c1;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-scene-studio {grid-template-columns: 1fr; gap: 20px;}
:where(.dg-demo-surface) .dg-scene-studio h2 {font-size: 26px;}
:where(.dg-demo-surface) .dg-scene-choices button,:where(.dg-demo-surface) .dg-scene-choices label {padding: 12px;}}
:where(.dg-demo-surface) .dg-cart-scene-choice {display: grid; gap: 7px; font-size: 13px; margin-bottom: 4px;}
:where(.dg-demo-surface) .dg-cart-scene-choice select {width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid #bcb09a; background: #fffdf8; color: #30392f; font: inherit;}
:where(.dg-demo-surface) .dg-demo-hunt {display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 20px 0; border-top: 1px solid #c7b99d; border-bottom: 1px solid #c7b99d; margin: 18px 0;}
:where(.dg-demo-surface) .dg-demo-hunt>div {flex: 1 1 300px;}
:where(.dg-demo-surface) .dg-demo-hunt p {font-size: 15px; line-height: 1.6; margin: 8px 0;}
:where(.dg-demo-surface) .dg-demo-hunt output {font-weight: 700;}
:where(.dg-demo-surface) .dg-demo-hunt small {flex-basis: 100%; font-size: 13px;}
:where(.dg-demo-surface) .dg-demo-hunt button {min-height: 44px;}
:where(.dg-demo-surface) #mainNav li>a,.dg-demo-surface.dg-showcase nav li>a {color: #555 !important;}
:where(.dg-demo-surface) .dg-hero-copy>.dg-eyebrow {color: #4f5244 !important;}
.dg-demo-surface.dg-showcase p>span {color: #585d4f;}
:where(.dg-demo-surface) .dg-demo-cart small {color: #5a5246 !important;}
:where(.dg-demo-surface) .pro-text-outer>span {color: #665a47 !important;}
:where(.dg-demo-surface) [data-demo-experience]>b {color: #80502f !important;}
.dg-demo-surface.dg-showcase .dg-demo-bar {position: relative; z-index: 1000; padding: 0; background: rgba(248,245,238,.96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom: 1px solid #dcd4c3; box-shadow: 0 6px 18px -14px rgba(40,34,20,.45);}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {display: flex; align-items: center; gap: 14px 22px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 1 1 210px; min-width: 0;}
.dg-demo-surface.dg-showcase .dg-demo-bar h1 {font: 700 15px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; margin: 0; letter-spacing: 0; color: #2a2f27;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title p {margin: 2px 0 0; font-size: 12px; line-height: 1.4; color: #555a4c;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes {display: flex; gap: 6px; margin: 0; border: 0; border-radius: 0; overflow: visible;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button {min-height: 38px; padding: 7px 14px; border: 1px solid #cbbf9f; border-radius: 999px; background: #fffdf7; text-align: center; color: #2a2f27;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button:last-child {border-right: 1px solid #cbbf9f;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button span {font-size: 13px; font-weight: 650;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button small {display: none;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button[aria-pressed=true] {background: #30392f; border-color: #30392f; color: #fff8e9;}
:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {margin: 0;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button {min-height: 36px; min-width: 0; padding: 6px 10px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-actions {display: flex; align-items: center; gap: 16px; margin-left: auto;}
:where(.dg-demo-surface) .dg-bar-cta {display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 10px 18px; border-radius: 4px; background: #8a5a1c; color: #fff !important; font: 650 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-decoration: none !important; white-space: nowrap; box-shadow: 0 3px 10px -4px rgba(138,90,28,.7);}
:where(.dg-demo-surface) .dg-bar-cta:hover {background: #6f4713;}
:where(.dg-demo-surface) .dg-bar-cta:focus-visible,:where(.dg-demo-surface) .dg-solid-link:focus-visible,:where(.dg-demo-surface) .dg-text-link:focus-visible {outline: 3px solid #f2c14e; outline-offset: 2px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-quick {margin: 0; padding-bottom: 8px; min-height: 0; gap: 6px 12px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-quick:has([data-demo-quick-effects]:empty) .dg-mode-details {margin-left: 0;}
:where(.dg-demo-surface) .dg-demo-bar .dg-mode-details {font-size: 11px; color: #555a4c;}
:where(.dg-demo-surface) .dg-demo-bar .dg-mode-details summary {cursor: pointer;}
:where(.dg-demo-surface) .dg-demo-bar .dg-mode-details p {margin: 4px 0 0; max-width: 720px; line-height: 1.5;}
:where(.dg-demo-surface) .dg-demo-bar .dg-quick>.dg-text-button {margin-left: auto;}
:where(.dg-demo-surface) .dg-why {display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.6fr); gap: 24px 48px; padding-top: 48px; padding-bottom: 40px; border-top: 1px solid var(--line,#ddd4c2);}
:where(.dg-demo-surface) .dg-why h2 {font-size: 28px; line-height: 1.2; margin-top: 6px;}
:where(.dg-demo-surface) .dg-why-list {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px;}
:where(.dg-demo-surface) .dg-why-list li {padding-left: 26px; position: relative;}
:where(.dg-demo-surface) .dg-why-list li::before {content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #30392f; box-shadow: inset 0 0 0 4px #e5cba0;}
:where(.dg-demo-surface) .dg-why-list strong {display: block; font-size: 15px; color: #2a2f27;}
:where(.dg-demo-surface) .dg-why-list span {display: block; font-size: 13px; line-height: 1.6; color: #4f5446; margin-top: 3px;}
:where(.dg-demo-surface) .dg-why-cta {grid-column: 1/-1; display: flex; align-items: center; gap: 22px; flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-why-cta .dg-solid-link {background: #8a5a1c; border-color: #8a5a1c; font-size: 14px; padding: 13px 20px;}
:where(.dg-demo-surface) .dg-text-link {color: #30392f; font-size: 13px; text-decoration: underline; text-underline-offset: 4px;}
:where(.dg-demo-surface) .dg-hunt-highlight {padding-top: 8px; padding-bottom: 36px;}
:where(.dg-demo-surface) .dg-hunt-highlight .dg-demo-hunt {margin: 6px 0 0; padding: 22px 24px; border: 1px solid #cbbf9f; border-radius: 6px; background: #fbf6ea;}
:where(.dg-demo-surface) .dg-hunt-highlight .dg-demo-hunt button {background: #30392f; color: #fff8e9; border: 0; border-radius: 4px; padding: 10px 16px;}
:where(.dg-demo-surface) .dg-more-features {flex-basis: 100%; margin-top: 6px;}
:where(.dg-demo-surface) .dg-more-features>summary {cursor: pointer; font-size: 13px; font-weight: 650; padding: 8px 0;}
:where(.dg-demo-surface) .dg-more-features[open]>summary {margin-bottom: 6px;}
:where(.dg-demo-surface) .dg-offer h2 {max-width: 620px;}
:where(.dg-demo-surface) .dg-steps {margin: 14px 0; padding-left: 20px; font-size: 13px; line-height: 1.7;}
:where(.dg-demo-surface) .dg-steps li {margin: 4px 0;}
:where(.dg-demo-surface) .dg-offer-try {font-size: 13px;}
:where(.dg-demo-surface) .dg-offer-card h3 {font-size: 30px;}
:where(.dg-demo-surface) .dg-offer-card>small a {color: inherit; text-decoration: underline;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-cta-mini {padding: 8px 12px; font-size: 12px; white-space: nowrap;}
@media (max-width:720px){.dg-demo-surface.dg-showcase .dg-demo-bar {position: relative; box-shadow: none;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {gap: 10px; padding-top: 12px; padding-bottom: 8px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex-basis: 100%;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes {flex-basis: 100%; overflow-x: auto;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button {flex: 1 0 auto; padding: 7px 12px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {flex-basis: 100%;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker {width: 100%; justify-content: space-between;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button {flex: 1; min-height: 40px; padding: 6px 4px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-actions {width: 100%; margin-left: 0; justify-content: space-between;}
:where(.dg-demo-surface) .dg-bar-cta {flex: 1; justify-content: center;}
:where(.dg-demo-surface) .dg-why {grid-template-columns: 1fr; padding-top: 34px; gap: 18px;}
:where(.dg-demo-surface) .dg-why h2 {font-size: 24px;}
:where(.dg-demo-surface) .dg-why-list {grid-template-columns: 1fr;}
:where(.dg-demo-surface) .dg-offer-card h3 {font-size: 26px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed .dg-demo-home {display: none;}}
:where(.dg-demo-surface) .dg-demo-bar .dg-quick {margin: 0 auto !important;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {flex-wrap: nowrap;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 0 1 auto;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker>span {display: none;}
@media (max-width:1380px){:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title p {display: none;}}
@media (max-width:1120px){:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex-basis: 100%;}}
@media (max-width:720px){:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title p {display: block;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker>span {display: none;}}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes,:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls,:where(.dg-demo-surface) .dg-demo-bar .dg-bar-actions {flex: 0 0 auto;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button,:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button {white-space: nowrap;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker {flex-wrap: nowrap;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 1 1 auto; min-width: 0;}
@media (max-width:1500px){:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title p {display: none;}}
@media (max-width:720px){.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes,:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {flex: 1 1 100%;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button {white-space: normal;}}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand .dg-demo-cta-mini {flex: 1 1 auto; width: auto;}
:where(.dg-demo-surface) .dg-offer-try a {color: inherit; text-decoration: underline; text-underline-offset: 3px;}
:where(.dg-demo-surface) #ajanlat,:where(.dg-demo-surface) #kollekcio,:where(.dg-demo-surface) #jatekos-funkciok,:where(.dg-demo-surface) .dg-why {scroll-margin-top: 20px;}
@media (max-width:720px){:where(.dg-demo-surface) #ajanlat,:where(.dg-demo-surface) #kollekcio,:where(.dg-demo-surface) #jatekos-funkciok,:where(.dg-demo-surface) .dg-why {scroll-margin-top: 12px;}}
:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {flex-wrap: wrap; gap: 6px 18px;}
:where(.dg-demo-surface) .dg-placement-picker .dg-new {display: inline-block; margin-left: 4px; padding: 1px 5px; border-radius: 3px; background: #8a2d1f; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: 1px;}
@media (min-width:1121px){:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {flex-direction: column; align-items: flex-start; gap: 0; margin-top: 0;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button {min-height: 30px; padding: 3px 9px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker>span {min-width: 48px;}}
:where(.dg-demo-surface) .dg-demo-palette {display: flex; align-items: center; gap: 12px 20px; padding-top: 8px; padding-bottom: 12px; border-top: 1px solid var(--line); font-size: 12px; flex-wrap: wrap;}
:where(.dg-demo-surface) .dg-demo-palette label {display: flex; align-items: center; gap: 10px; margin: 0; font-weight: 600; min-width: 0;}
:where(.dg-demo-surface) .dg-demo-palette select {min-height: 42px; max-width: 340px; width: 100%; padding: 8px 30px 8px 10px; border: 1px solid #b5ad9e; background: #fffdf7; color: #30392f; border-radius: 3px; font: inherit;}
:where(.dg-demo-surface) .dg-demo-palette>span {flex: 1; color: #5a604f; min-width: 0;}
:where(.dg-demo-surface) .dg-demo-starters {display: grid; grid-template-columns: auto repeat(3,minmax(0,1fr)); gap: 0; align-items: center; padding-top: 12px; padding-bottom: 16px; border-top: 1px solid var(--line);}
:where(.dg-demo-surface) .dg-demo-starters>span {font-size: 11px; max-width: 85px; line-height: 1.6; margin-right: 22px; color: #655c4e;}
:where(.dg-demo-surface) .dg-demo-starters button {display: flex; align-items: center; gap: 12px; text-align: left; background: transparent; border: 0; border-left: 1px solid #cfc4b1; padding: 10px 16px; min-height: 64px; color: #30392f; font: 600 13px/1.4 system-ui,sans-serif; cursor: pointer;}
:where(.dg-demo-surface) .dg-demo-starters button:hover {background: #eee9dd;}
:where(.dg-demo-surface) .dg-demo-starters b {font: italic 23px Georgia,serif; color: #80612e;}
:where(.dg-demo-surface) .dg-demo-starters small {display: block; font-size: 11px; font-weight: 400; margin-top: 4px; color: #575e51;}
:where(.dg-demo-surface) .dg-demo-starters button>span:last-child {margin-left: auto;}
.dg-demo-surface.dg-showcase [hidden] {display: none !important;}
.dg-demo-surface.dg-showcase button:focus-visible,.dg-demo-surface.dg-showcase select:focus-visible,.dg-demo-surface.dg-showcase summary:focus-visible {outline: 2px solid #7c511b; outline-offset: 3px;}
:where(.dg-demo-surface) .dg-feature-summary {font-size: 13px; line-height: 1.6; flex-basis: 100%; border-bottom: 1px solid var(--line); padding-bottom: 12px; margin: 0 0 6px; color: #555b4d;}
:where(.dg-demo-surface) .dg-demo-cart button:disabled {opacity: .55; cursor: default; border-bottom-color: transparent;}
:where(.dg-demo-fusion) #dg-decor-demo-panel {max-height: calc(var(--dg-demo-viewport-height,100dvh) - 24px - var(--dg-demo-bar-height,0px) - env(safe-area-inset-bottom,0px)); bottom: calc(max(12px,env(safe-area-inset-bottom,0px)) + var(--dg-demo-bar-bottom,0px) + var(--dg-demo-keyboard-bottom,0px)); width: min(940px,calc(100vw - 24px)); display: flex; flex-direction: column;}
:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed {width: max-content;}
:where(.dg-demo-fusion) #dg-demo-tools {min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 3px 4px 4px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand {flex-shrink: 0; flex-wrap: wrap; gap: 8px 12px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options {flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions {flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel select {min-width: 0; max-width: 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand>span {font-size: 11px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel [data-demo-dock-pause] {border-color: #77796a; min-height: 40px;}
@media (max-width:900px){:where(.dg-demo-surface) .dg-demo-starters {grid-template-columns: repeat(3,minmax(0,1fr));}
:where(.dg-demo-surface) .dg-demo-starters>span {grid-column: 1/-1; max-width: none; margin: 0 0 8px;}
:where(.dg-demo-surface) .dg-demo-starters button {padding: 8px 10px;}
:where(.dg-demo-surface) .dg-demo-starters small {font-size: 11px;}
:where(.dg-demo-surface) .dg-demo-starters b {display: none;}}
@media (max-width:600px){:where(.dg-demo-surface) .dg-demo-palette {gap: 8px;}
:where(.dg-demo-surface) .dg-demo-palette label {width: 100%; display: block;}
:where(.dg-demo-surface) .dg-demo-palette select {display: block; max-width: none; margin-top: 6px;}
:where(.dg-demo-surface) .dg-demo-palette>span {flex-basis: 70%; font-size: 11px;}
:where(.dg-demo-surface) .dg-demo-palette button {font-size: 11px;}
:where(.dg-demo-surface) .dg-demo-starters {grid-template-columns: 1fr;}
:where(.dg-demo-surface) .dg-demo-starters button {border-left: 0; border-top: 1px solid #d9cebb; min-height: 56px; padding: 9px 0;}
:where(.dg-demo-surface) .dg-demo-starters b {display: block; font-size: 20px;}
:where(.dg-demo-surface) .dg-demo-starters small {margin: 2px 0 0;}
:where(.dg-demo-fusion) #dg-decor-demo-panel {padding: 8px; max-height: calc(var(--dg-demo-viewport-height,100dvh) - 24px - var(--dg-demo-bar-height,0px) - env(safe-area-inset-bottom,0px));}
:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed {width: calc(100vw - 24px);}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand>span {flex-basis: 100%; font-size: 10px; text-align: left;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand {gap: 6px; padding-bottom: 0;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand button,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand a {min-height: 44px; font-size: 11px; padding: 8px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-brand .dg-demo-home {display: none;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options>select {width: 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-presets {flex: 1; flex-wrap: wrap;}
:where(.dg-demo-fusion) #dg-decor-demo-panel button {min-height: 44px;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-actions .dg-demo-request {width: 100%;}}
:where(.dg-demo-surface) .dg-demo-mobile-tuning {border-top: 1px solid var(--line); padding-top: 10px; padding-bottom: 10px; font-size: 12px;}
:where(.dg-demo-surface) .dg-demo-mobile-tuning>summary {cursor: pointer; min-height: 36px; display: list-item; padding: 8px 0; font-weight: 600;}
:where(.dg-demo-surface) .dg-demo-mobile-tuning .dg-demo-palette {width: 100%; margin-top: 12px;}
:where(.dg-demo-surface) .dg-demo-mobile-tuning .dg-studio-controls {margin-top: 8px;}
:where(.dg-demo-surface) .dg-star-sample {display: flex; align-items: center; gap: 14px; padding: 10px 8px 16px; border-bottom: 1px solid #c8cebd;}
:where(.dg-demo-surface) .dg-star-sample>div {display: flex; flex: 0 0 auto; gap: 6px;}
:where(.dg-demo-surface) .dg-star-sample img {display: block; width: 24px; height: 24px; object-fit: contain;}
:where(.dg-demo-surface) .dg-star-sample small {margin-left: 0; font-size: 11px; line-height: 1.5; color: #655c4e;}
@media (max-width:480px){:where(.dg-demo-surface) .dg-star-sample {flex-wrap: wrap; gap: 8px;}
:where(.dg-demo-surface) .dg-star-sample small {flex-basis: 100%;}}
:where(.dg-demo-surface) .dg-weather-samples {display: flex; flex-wrap: wrap; gap: 12px 26px; list-style: none; margin: 18px 0; padding: 0;}
:where(.dg-demo-surface) .dg-weather-samples li {display: flex; align-items: center; gap: 8px; font-size: 12px; color: #655c4e;}
:where(.dg-demo-surface) .dg-weather-samples img {display: block; flex: 0 0 52px; width: 52px; height: 52px; object-fit: contain;}
:where(.dg-demo-surface) .dg-season-choice {display: flex; align-items: center; gap: 10px; margin: 0; min-width: 0; font-size: 12px; font-weight: 500;}
:where(.dg-demo-surface) .dg-season-choice>span {color: #655c4e;}
:where(.dg-demo-surface) .dg-season-choice select {display: block; width: 220px; max-width: 100%; min-height: 44px; padding: 10px 32px 10px 12px; border: 1px solid #b5ad9e; border-radius: 0; background: #fffdf7; color: var(--ink); font: 600 13px/1.4 system-ui,sans-serif;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 0 1 160px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {gap: 14px 24px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title h1 {font-size: 17px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-demo-palette {padding-bottom: 8px;}
:where(.dg-demo-surface) .dg-demo-discover {background: #efe9dd; border-bottom: 1px solid #d9d0bf;}
:where(.dg-demo-surface) .dg-demo-discover .dg-demo-starters {border-top: 0; padding: 20px 0 16px;}
:where(.dg-demo-surface) .dg-character-tries {display: flex; align-items: center; flex-wrap: wrap; gap: 6px 18px; padding: 0 0 18px; color: #554b3b; font: 12px/1.5 system-ui,sans-serif;}
:where(.dg-demo-surface) .dg-character-tries>span {font-size: 11px; margin-right: 4px;}
:where(.dg-demo-surface) .dg-character-tries button {min-height: 44px; padding: 8px 0; background: none; border: 0; border-bottom: 1px solid #b8aa90; color: #30392f; font: inherit; text-align: left; cursor: pointer;}
:where(.dg-demo-surface) .dg-character-tries button:hover {color: #795323; border-bottom-color: currentColor;}
:where(.dg-demo-surface) .dg-character-tries button:focus-visible {outline: 2px solid #795323; outline-offset: 4px;}
@media (max-width:600px){:where(.dg-demo-surface) .dg-character-tries {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 18px;}
:where(.dg-demo-surface) .dg-character-tries>span {grid-column: 1/-1;}
:where(.dg-demo-surface) .dg-character-tries button {overflow-wrap: anywhere;}}
:where(.dg-demo-surface) .dg-demo-discover .dg-demo-starters>span {max-width: 110px; color: #554b3b;}
:where(.dg-demo-surface) .dg-demo-discover .dg-demo-starters button:hover {background: #e5ddcd;}
:where(.dg-demo-surface) .dg-demo-index {display: flex; align-items: center; flex-wrap: wrap; gap: 4px 24px; padding-top: 8px; padding-bottom: 12px; border-top: 1px solid #d5cbb9; font-size: 12px;}
:where(.dg-demo-surface) .dg-demo-index>span {color: #6a604f; font-style: italic; margin-right: auto;}
:where(.dg-demo-surface) .dg-demo-index a {display: inline-flex; align-items: center; min-height: 44px; color: #30392f; text-decoration: underline; text-decoration-color: #a59c88; text-underline-offset: 5px;}
:where(.dg-demo-surface) .dg-demo-index a:hover {text-decoration-color: #30392f;}
:where(.dg-demo-surface) .dg-demo-index a:focus-visible {outline-offset: 2px;}
:where(.dg-demo-surface) .dg-feature-controls [data-demo-feature] {display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 46px; border: 0; border-bottom: 1px solid #c8cebd; background: transparent; padding: 12px 8px; text-align: left; cursor: pointer; font-size: 13px; color: var(--ink);}
:where(.dg-demo-surface) .dg-feature-controls [data-demo-feature][aria-pressed=true] {background: #e5eadc; color: #263622; border-bottom-color: #879775;}
:where(.dg-demo-surface) .dg-feature-controls [data-demo-feature] span {font-size: 11px; font-weight: 600; min-width: 32px; text-align: right;}
:where(.dg-demo-surface) .dg-more-features>summary {min-height: 44px; padding: 11px 0;}
:where(.dg-demo-surface) .dg-more-features [data-demo-feature] {padding-left: 14px; border-left: 2px solid #c7cbbf;}
.dg-demo-surface.dg-showcase .add-btn {min-height: 44px;}
.dg-demo-surface.dg-showcase .dg-product-grid {row-gap: 42px;}
.dg-demo-surface.dg-showcase .pro-text-outer {border-top: 1px solid #ddd3c2; margin-top: 14px; padding-top: 12px;}
.dg-demo-surface.dg-showcase .dg-hero-copy>p:not(.dg-eyebrow) {max-width: 340px;}
.dg-demo-surface.dg-showcase .dg-hunt-highlight .dg-demo-hunt {border-radius: 0; border: 0; border-top: 2px solid #9b8053; border-bottom: 1px solid #ccbfa8; background: #eee7d8; padding: 26px 24px;}
.dg-demo-surface.dg-showcase .dg-hunt-highlight .dg-demo-hunt button {border-radius: 0; min-height: 44px;}
.dg-demo-surface.dg-showcase .dg-hunt-highlight [data-demo-hunt-count] {font: 400 22px/1.4 Georgia,serif; color: #675028;}
:where(.dg-demo-surface) .dg-contact [data-demo-contact-status] {padding: 14px 16px; border-left: 3px solid #687b4e; background: #e9eddf; color: #30392f; font-size: 13px; line-height: 1.6; margin-top: 20px;}
:where(.dg-demo-surface) #rovid-jelenetek,:where(.dg-demo-surface) #idojaras-proba,:where(.dg-demo-surface) #kuponvadaszat {scroll-margin-top: 20px;}
@media (min-width:721px) and (max-width:1120px){:where(.dg-demo-surface) .dg-season-choice {flex: 1 1 240px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 1 1 180px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-studio-controls {flex: 1 1 380px;}}
@media (max-width:720px){:where(.dg-demo-surface) .dg-demo-bar .dg-bar-inner {gap: 10px 14px; padding-top: 8px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title {flex: 1 1 100%;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-title h1 {font-size: 17px;}
:where(.dg-demo-surface) .dg-season-choice {width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr);}
:where(.dg-demo-surface) .dg-season-choice select {width: 100%; min-width: 0;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-actions {width: 100%; justify-content: space-between; gap: 12px;}
:where(.dg-demo-surface) .dg-demo-discover .dg-demo-starters {padding-top: 16px; padding-bottom: 8px;}
:where(.dg-demo-surface) .dg-demo-discover .dg-demo-starters>span {max-width: none; margin-bottom: 10px;}
:where(.dg-demo-surface) .dg-demo-index {gap: 0 20px; padding-top: 6px; padding-bottom: 10px;}
:where(.dg-demo-surface) .dg-demo-index>span {flex-basis: 100%; padding-top: 7px;}
:where(.dg-demo-surface) .dg-demo-index a {font-size: 12px;}
.dg-demo-surface.dg-showcase .dg-hunt-highlight .dg-demo-hunt {padding: 20px 16px;}
.dg-demo-surface.dg-showcase .dg-product-grid {row-gap: 30px;}
.dg-demo-surface.dg-showcase .pro-text-outer {margin-top: 10px;}}
:where(.dg-demo-fusion) #dg-demo-tools>[id$="gallery-open"] {display: inline-flex; max-width: 100%; font-size: 12px !important;}
@media (max-width:600px){:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed>.dg-demo-feedback {max-height: 5.6em; overflow-y: auto;}
:where(.dg-demo-surface) .dg-demo-starters {padding-top: 2px; padding-bottom: 8px;}
:where(.dg-demo-surface) .dg-demo-starters button {min-height: 50px;}
:where(.dg-demo-surface) .dg-demo-starters>span {margin-bottom: 3px;}
:where(.dg-demo-surface) .dg-demo-mobile-tuning+.dg-demo-starters {border-top: 0;}}
@media (max-width:720px){.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes {min-width: 0; max-width: 100%;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button {flex: 1 1 auto; padding: 7px 9px;}
.dg-demo-surface.dg-showcase .dg-demo-bar .dg-recipes button span {font-size: 12px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-bar-actions {min-width: 0; gap: 10px;}
:where(.dg-demo-surface) .dg-bar-cta {min-width: 0; white-space: normal; font-size: 12px; padding: 10px;}
:where(.dg-demo-surface) .dg-bar-actions .dg-text-button {flex-shrink: 0; font-size: 11px;}}
.dg-demo-surface.dg-showcase {padding-bottom: max(115px,var(--dg-demo-dock-space,115px));}
:where(.dg-demo-surface) .dg-scene-studio>*,:where(.dg-demo-surface) .dg-scene-choices>*,:where(.dg-demo-surface) .dg-feature-lab>*,:where(.dg-demo-surface) .dg-contact>*,:where(.dg-demo-surface) .dg-offer>* {min-width: 0;}
.dg-demo-surface.dg-showcase .dg-demo-hunt>div {min-width: 0; overflow-wrap: anywhere;}
:where(.dg-demo-fusion) #dg-demo-tools {overflow-x: hidden;}
:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-feedback {overflow-wrap: anywhere; flex-shrink: 0;}
@media (max-width:720px), (pointer:coarse){.dg-demo-surface.dg-showcase select,.dg-demo-surface.dg-showcase .contact-form input:not([type=submit]),.dg-demo-surface.dg-showcase .contact-form textarea,:where(.dg-demo-fusion) #dg-decor-demo-panel .dg-demo-options>select,:where(.dg-demo-fusion) #dg-decor-demo-panel input:not([type=range]) {font-size: 16px; min-height: 44px;}
:where(.dg-demo-surface) .dg-demo-bar .dg-strength-picker button,:where(.dg-demo-surface) .dg-demo-mobile-tuning>summary,:where(.dg-demo-surface) .dg-demo-cart button,:where(.dg-demo-surface) .dg-mode-details summary,:where(.dg-demo-surface) .dg-quick>.dg-text-button {min-height: 44px;}
:where(.dg-demo-surface) .dg-scene-choices select {min-width: 0; max-width: 100%;}
:where(.dg-demo-fusion) #dg-decor-demo-panel {left: max(12px,env(safe-area-inset-left,0px)); right: max(12px,env(safe-area-inset-right,0px)); max-width: none; width: auto; transform: none;}
:where(.dg-demo-fusion) #dg-decor-demo-panel.is-collapsed {width: auto;}}
@media (max-width:480px){:where(.dg-demo-surface) .dg-product-bottom {flex-wrap: wrap; gap: 9px;}
.dg-demo-surface.dg-showcase .dg-product-bottom .add-btn {width: 100%; text-align: center; white-space: normal;}
:where(.dg-demo-surface) .dg-scene-choices {grid-template-columns: minmax(0,1fr);}
:where(.dg-demo-surface) .dg-feature-controls [data-demo-feature] {overflow-wrap: anywhere;}}
:where(.dg-demo-surface) .dg-share-scene {display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px 26px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #cfc4b1; color: #30392f;}
:where(.dg-demo-surface) .dg-share-scene>*,:where(.dg-demo-surface) .dg-share-copy {min-width: 0;}
:where(.dg-demo-surface) .dg-share-copy h2 {font: 400 21px/1.4 Georgia,serif; margin: 0 0 5px;}
:where(.dg-demo-surface) .dg-share-copy p {font: 12px/1.6 system-ui,sans-serif; margin: 0 0 5px; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-share-copy small {font: 11px/1.5 system-ui,sans-serif; color: #655c4e;}
:where(.dg-demo-surface) .dg-share-actions {display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center;}
:where(.dg-demo-surface) .dg-share-scene button,:where(.dg-demo-surface) .dg-share-invitation button {min-height: 44px; white-space: normal; text-align: left;}
:where(.dg-demo-surface) .dg-share-scene button:disabled,:where(.dg-demo-surface) [data-demo-hunt-share]:disabled {cursor: wait; opacity: .6;}
:where(.dg-demo-surface) .dg-share-invitation {grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 12px 28px; border-left: 3px solid #8e744f; padding: 10px 16px; background: #eee7d8;}
:where(.dg-demo-surface) .dg-share-invitation p {margin: 0; font: 13px/1.65 system-ui,sans-serif;}
:where(.dg-demo-surface) .dg-share-invitation button {flex: 0 0 auto;}
:where(.dg-demo-surface) .dg-share-scene input[data-demo-share-link] {grid-column: 1/-1; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; background: #fffdf7; color: #30392f; border: 1px solid #a89b83; font: 16px/1.5 system-ui,sans-serif;}
:where(.dg-demo-surface) .dg-share-status {grid-column: 1/-1; margin: 0; font: 12px/1.6 system-ui,sans-serif; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-share-status:empty {display: none;}
:where(.dg-demo-surface) .dg-share-scene [hidden],:where(.dg-demo-surface) .dg-share-invitation[hidden],.dg-demo-surface.dg-showcase .dg-demo-hunt [hidden] {display: none !important;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-share-scene {grid-template-columns: minmax(0,1fr); gap: 8px; padding-top: 16px; padding-bottom: 16px;}
:where(.dg-demo-surface) .dg-share-actions {gap: 4px 20px;}
:where(.dg-demo-surface) .dg-share-invitation {flex-wrap: wrap; gap: 4px;}
:where(.dg-demo-surface) .dg-share-invitation button {flex: 1 1 auto;}
:where(.dg-demo-surface) .dg-share-copy h2 {font-size: 20px;}}
:where(.dg-demo-surface) .dg-share-invitation [data-demo-invitation-game] {min-height: 44px; display: inline-flex; align-items: center;}
:where(.dg-demo-surface) .dg-share-invitation [hidden] {display: none !important;}
:where(.dg-demo-surface) .dg-demo-mixer {grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); align-items: center; gap: 8px 28px; margin-bottom: 7px; padding: 4px 0 18px; border-bottom: 1px solid #ded4c3;}
:where(.dg-demo-surface) .dg-demo-mixer * {box-sizing: border-box;}
:where(.dg-demo-surface) .dg-demo-mixer>* {min-width: 0;}
:where(.dg-demo-surface) .dg-mix-copy h2 {font: 400 25px/1.3 Georgia,serif; margin: 3px 0 8px; color: #35412e; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-mix-copy p {margin: 0 0 6px; max-width: 620px; font: 13px/1.65 system-ui,sans-serif; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-mix-copy .dg-mix-eyebrow {font-size: 10px; letter-spacing: .07em; color: #796346;}
:where(.dg-demo-surface) .dg-mix-copy .dg-mix-hint {font-size: 12px; color: #625d50;}
:where(.dg-demo-surface) .dg-mix-tools {max-width: 360px;}
:where(.dg-demo-surface) .dg-mix-primary,:where(.dg-demo-surface) .dg-mix-secondary {display: flex; flex-wrap: wrap; align-items: center; gap: 5px 18px;}
:where(.dg-demo-surface) .dg-mix-primary {margin-bottom: 4px;}
:where(.dg-demo-surface) .dg-demo-mixer button {min-height: 44px; max-width: 100%; min-width: 0; white-space: normal; overflow-wrap: anywhere; font: 500 12px/1.45 system-ui,sans-serif; cursor: pointer;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-mix-surprise {display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; padding: 11px 17px; border: 1px solid #405336; border-radius: 3px; background: #405336; color: #fffdf7; font-size: 14px;}
:where(.dg-demo-surface) .dg-mix-surprise span {font: 22px/1 Georgia,serif;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-mix-surprise:hover {background: #304329; border-color: #304329;}
:where(.dg-demo-surface) .dg-demo-mixer button:disabled {cursor: default; opacity: .5;}
:where(.dg-demo-surface) .dg-mix-favorites {grid-column: 1/-1; min-width: 0; margin-top: 2px;}
:where(.dg-demo-surface) .dg-mix-favorites summary {min-height: 44px; max-width: 100%; width: fit-content; padding: 11px 0; font: 500 12px/1.6 system-ui,sans-serif; cursor: pointer; overflow-wrap: anywhere; color: #534c3c;}
:where(.dg-demo-surface) .dg-mix-favorites summary::marker {color: #876b43; font-size: 10px;}
:where(.dg-demo-surface) .dg-mix-favorites ul {display: flex; flex-wrap: wrap; gap: 6px 12px; list-style: none; margin: 0 0 6px; padding: 0; min-width: 0;}
:where(.dg-demo-surface) .dg-demo-favorite {display: flex; align-items: stretch; max-width: 100%; min-width: 0; border: 1px solid #d6ccb9; border-radius: 3px; background: #f3efe5;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-restore,:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-remove {appearance: none; border: 0; background: transparent; color: #35412e; margin: 0; border-radius: 0; padding: 10px 12px; text-align: left;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-restore {flex: 1 1 auto; font-weight: 600;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-remove {flex: 0 0 auto; min-width: 44px; border-left: 1px solid #d6ccb9; font-size: 11px; color: #6b5b4b;}
:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-restore:hover,:where(.dg-demo-surface) .dg-demo-mixer .dg-demo-favorite-remove:hover {background: #e7e2d6;}
:where(.dg-demo-surface) .dg-demo-favorite-empty {font: 12px/1.6 system-ui,sans-serif; color: #6c6355; overflow-wrap: anywhere; min-width: 0;}
:where(.dg-demo-surface) .dg-mix-storage-note,:where(.dg-demo-surface) .dg-mix-status {grid-column: 1/-1; margin: 0; font: 11px/1.6 system-ui,sans-serif; color: #6c6355; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-mix-status {font-size: 12px; color: #35412e;}
:where(.dg-demo-surface) .dg-mix-status:empty {display: none;}
:where(.dg-demo-surface) .dg-demo-mixer button:focus-visible,:where(.dg-demo-surface) .dg-mix-favorites summary:focus-visible {outline: 2px solid #795323; outline-offset: 3px;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-demo-mixer {grid-template-columns: minmax(0,1fr); gap: 8px; padding-bottom: 16px; margin-bottom: 4px;}
:where(.dg-demo-surface) .dg-mix-copy h2 {font-size: 23px;}
:where(.dg-demo-surface) .dg-mix-tools {max-width: none;}
:where(.dg-demo-surface) .dg-mix-primary,:where(.dg-demo-surface) .dg-mix-secondary {gap: 4px 18px;}
:where(.dg-demo-surface) .dg-mix-primary {margin-bottom: 0;}
:where(.dg-demo-surface) .dg-mix-favorites {margin-top: 0;}
:where(.dg-demo-surface) .dg-mix-favorites ul {display: grid; grid-template-columns: minmax(0,1fr); gap: 6px;}
:where(.dg-demo-surface) .dg-demo-favorite {width: 100%;}}
.dg-demo-surface.dg-showcase .dg-demo-hunt [data-demo-hunt-share] {max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: left;}
:where(.dg-demo-surface) .dg-commerce-lab {display: grid; grid-template-columns: minmax(180px,.65fr) minmax(0,1.35fr); gap: 16px 38px; margin: 0 0 34px; padding: 24px 0; border-top: 1px solid #cfc4b1; border-bottom: 1px solid #cfc4b1; scroll-margin-top: 16px;}
:where(.dg-demo-surface) .dg-commerce-lab>* {min-width: 0;}
:where(.dg-demo-surface) .dg-commerce-intro h2 {font: 400 27px/1.3 Georgia,serif; margin: 8px 0 12px; color: #35412e;}
:where(.dg-demo-surface) .dg-commerce-intro p,:where(.dg-demo-surface) .dg-commerce-notes p {font: 13px/1.7 system-ui,sans-serif; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-commerce-notes details+details {border-top: 1px solid #d7cebd;}
:where(.dg-demo-surface) .dg-commerce-notes summary {padding: 13px 0; min-height: 44px; cursor: pointer; font: 600 14px/1.5 system-ui,sans-serif; color: #35412e;}
:where(.dg-demo-surface) .dg-commerce-notes p {margin: 0 0 10px;}
:where(.dg-demo-surface) .dg-commerce-notes button {min-height: 44px; white-space: normal; text-align: left;}
:where(.dg-demo-surface) .dg-commerce-sources {display: block; margin: 3px 0 15px; font: 11px/1.7 system-ui,sans-serif; color: #665d4d;}
:where(.dg-demo-surface) .dg-commerce-sources a {text-decoration: underline; color: inherit;}
:where(.dg-demo-surface) .dg-commerce-status {grid-column: 1/-1; margin: 0; font: 13px/1.6 system-ui,sans-serif; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-commerce-status:empty,:where(.dg-demo-surface) .dg-cart-update:empty {display: none;}
:where(.dg-demo-surface) .dg-commerce-accessory {display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 12px 0 24px; padding: 16px 0; border-bottom: 1px solid #d7cebd; color: #35412e;}
:where(.dg-demo-surface) .dg-commerce-accessory>div {min-width: 0;}
:where(.dg-demo-surface) .dg-commerce-accessory strong {font: 600 13px/1.5 system-ui,sans-serif;}
:where(.dg-demo-surface) .dg-commerce-accessory p {margin: 4px 0 0; font: 12px/1.65 system-ui,sans-serif; max-width: 610px; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-commerce-accessory button {padding: 10px 13px; min-height: 44px; max-width: 100%; white-space: normal; border: 1px solid #657159; background: #f7f3e9; color: #35412e; font: 600 12px/1.5 system-ui,sans-serif; cursor: pointer;}
:where(.dg-demo-surface) .dg-cart-actions {display: flex; flex-wrap: wrap; gap: 7px;}
:where(.dg-demo-surface) .dg-cart-actions button {white-space: normal; min-height: 44px;}
:where(.dg-demo-surface) .dg-cart-actions button:disabled {opacity: .5; cursor: default;}
:where(.dg-demo-surface) .dg-cart-update {font: 12px/1.6 system-ui,sans-serif; color: #35412e; overflow-wrap: anywhere; margin: 8px 0;}
:where(.dg-demo-surface) .dg-commerce-lab button:focus-visible,:where(.dg-demo-surface) .dg-commerce-notes summary:focus-visible,:where(.dg-demo-surface) .dg-commerce-sources a:focus-visible,:where(.dg-demo-surface) .dg-commerce-accessory button:focus-visible,:where(.dg-demo-surface) .dg-cart-actions button:focus-visible {outline: 2px solid #795323; outline-offset: 3px;}
@media (max-width:720px){:where(.dg-demo-surface) .dg-commerce-lab {grid-template-columns: minmax(0,1fr); gap: 8px; padding: 20px 0; margin-bottom: 25px;}
:where(.dg-demo-surface) .dg-commerce-intro h2 {font-size: 24px;}
:where(.dg-demo-surface) .dg-commerce-accessory {align-items: stretch; flex-direction: column; gap: 12px;}
:where(.dg-demo-surface) .dg-commerce-accessory button {align-self: flex-start;}
:where(.dg-demo-surface) .dg-cart-actions {width: 100%;}
:where(.dg-demo-surface) .dg-cart-actions button {flex: 1 1 140px;}
:where(.dg-demo-surface) .dg-commerce-notes summary {overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-commerce-sources a {display: inline-block; padding: 8px 0; min-height: 44px;}}
:where(.dg-demo-surface) .dg-purchase-demo {margin: 16px 0 8px; scroll-margin-top: 16px; min-width: 0;}
:where(.dg-demo-surface) .dg-purchase-demo:focus-visible {outline: 2px solid #795323; outline-offset: 4px;}
:where(.dg-demo-surface) .dg-purchase-demo-note {max-width: 620px; font: 12px/1.6 system-ui,sans-serif; color: #665d4d; overflow-wrap: anywhere; margin: 9px 0;}
:where(.dg-demo-surface) .dg-purchase-details {margin: 8px 0 24px; max-width: 720px; color: #35412e;}
:where(.dg-demo-surface) .dg-purchase-details summary {min-height: 44px; padding: 12px 0; font: 600 13px/1.6 system-ui,sans-serif; cursor: pointer; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-purchase-details p {font: 13px/1.7 system-ui,sans-serif; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-purchase-details summary:focus-visible {outline: 2px solid #795323; outline-offset: 3px;}
:where(.dg-demo-surface) .dg-delivery-demo {margin: 18px 0; scroll-margin-top: 16px; min-width: 0;}
:where(.dg-demo-surface) .dg-delivery-demo[hidden] {display: none;}
:where(.dg-demo-surface) .dg-delivery-stages {display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 14px;}
:where(.dg-demo-surface) .dg-delivery-stages button {min-height: 44px; padding: 9px 14px; border: 1px solid #7b856e; background: #faf7ee; color: #35412e; font: 600 13px/1.5 system-ui,sans-serif; cursor: pointer; white-space: normal;}
:where(.dg-demo-surface) .dg-delivery-stages button[aria-pressed="true"] {background: #35412e; color: #fff;}
:where(.dg-demo-surface) .dg-delivery-stages button:focus-visible {outline: 2px solid #795323; outline-offset: 3px;}
:where(.dg-demo-surface) .dg-delivery-demo>p {overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-delivery-demo:focus {outline: 2px solid #795323; outline-offset: 4px;}
@media (max-width:480px){:where(.dg-demo-surface) .dg-delivery-stages button {flex: 1 1 140px;}}
:where(.dg-demo-surface) .dg-cart-trial {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; margin: 0 0 24px; border-block: 1px solid #cbc7bb; color: #343d30;}
:where(.dg-demo-surface) .dg-cart-trial[hidden],:where(.dg-demo-surface) .dg-cart-trial [hidden] {display: none !important;}
:where(.dg-demo-surface) .dg-cart-trial>div {min-width: 0;}
:where(.dg-demo-surface) .dg-cart-trial strong {font-size: 16px;}
:where(.dg-demo-surface) .dg-cart-trial p {max-width: 640px; margin: 8px 0; line-height: 1.65; font-size: 15px;}
:where(.dg-demo-surface) .dg-cart-trial small {display: block; font-size: 12px; line-height: 1.6; color: #626457;}
:where(.dg-demo-surface) .dg-trial-actions {display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex: 0 1 300px;}
:where(.dg-demo-surface) .dg-trial-actions button {font: inherit; font-size: 15px; min-height: 44px; padding: 11px 16px; background: #35432f; color: #fff; border: 1px solid #35432f; border-radius: 3px; cursor: pointer; max-width: 100%; white-space: normal;}
:where(.dg-demo-surface) .dg-trial-actions a {font-size: 14px; line-height: 1.5; min-height: 44px; display: inline-flex; align-items: center; text-underline-offset: 4px; overflow-wrap: anywhere;}
:where(.dg-demo-surface) .dg-trial-actions :focus-visible {outline: 3px solid #82601c; outline-offset: 4px;}
@media (max-width:760px){:where(.dg-demo-surface) .dg-cart-trial {flex-direction: column; align-items: stretch; gap: 14px;}
:where(.dg-demo-surface) .dg-trial-actions {flex: auto;}
:where(.dg-demo-surface) .dg-trial-actions button {width: 100%;}}
.dg-demo-surface.dg-showcase .pro-img:has(>[data-photo-fit="contain"]) {background: #fff;}
.dg-demo-surface.dg-showcase .pro-img>[data-photo-fit="contain"] {object-fit: contain; padding: clamp(10px,1.4vw,18px); transform: none; background: #fff;}
.dg-demo-surface.dg-showcase .pro-img>[data-product-photo="interior"] {padding: 0; background: #e7d3cd;}
.dg-demo-surface.dg-showcase .pro-img>[data-product-photo="oxford"] {padding: 0; background: #172332;}
.dg-demo-surface.dg-showcase .pro-img>[data-product-photo="fashion"] {object-position: 50% 44%;}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.dg-demo-surface.dg-showcase .pro-text:hover .pro-img>[data-photo-fit="contain"] {transform: scale(1.012);}}