html,body{width:100%;height:100%;background:ivory;color:#262626;font-family:Nunito,sans-serif;font-size:min(20px, calc(14.2857142857px + 0.4761904762 * 1vw));line-height:1.25;padding:0}.title{font-size:min(24px, calc(18.2857142857px + 0.4761904762 * 1vw));font-weight:700}.condensed{font-family:"Cabin Condensed",sans-serif}h1,h2,h3{font-weight:700;color:#262626}h1{font-size:min(24px, calc(15.4285714286px + 0.7142857143 * 1vw))}h2{font-size:min(20px, calc(15.7142857143px + 0.3571428571 * 1vw))}p,ul{margin-bottom:.7rem}h3{font-size:min(18px, calc(15.1428571429px + 0.2380952381 * 1vw))}li.no-bullet{list-style:none;margin-left:-1rem;padding-left:1.6rem;text-indent:-1.6rem}b{font-weight:700}button:focus{outline:none}img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.body-with-links{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw));margin-bottom:.3em}@media(hover: none){.body-with-links{line-height:25px}}.medium{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw))}.small{font-size:min(14px, calc(11.1428571429px + 0.2380952381 * 1vw))}.kicker{font-size:12px;text-transform:uppercase}.compact{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}@media(hover: none){.compact{line-height:25px}}.before-list{margin-bottom:.2rem}.indent{padding-left:1rem}a{color:#0366d6;text-decoration:none}a:active,a:hover{color:#0d87e8}a.external{background:rgba(0,0,0,0) url(/img/icons/externalLink.svg) no-repeat scroll right;padding-right:20px;background-size:16px}table.doc{margin:1em 0 1.5em 0}table.doc td,table.doc th{vertical-align:top;padding:.2em .5em;border:1px solid #f3e8be}.float-left{float:left;margin:.2em .5em .2em 0}.float-right{float:right;margin:.2em 0 .2em .5em}.control,.control-text{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw));color:#262626}.control,.control-big{padding:.32em 1em .3em 1em;border:1px solid #c9c9c9;border-radius:1em;background:ivory}.control-big{font-size:min(18px, calc(13.7142857143px + 0.3571428571 * 1vw));padding:.32em 1em .25em 1em;color:#262626}@media(hover: hover){button.control:not(.disabled):hover,button.control-big:hover{background:#f2edc2}}button.control:not(.disabled):active,button.control-big:active{background:#e5e0b4}button:focus{outline:none}select{color:#262626}input[type=checkbox]:disabled+label{color:#aaa}.field{margin-bottom:1em}.field div{font-style:italic}.field input{width:100%;margin:.15em 0 0 0;padding:.3em .5em .2em;color:#262626;background:ivory;border:1px solid #c9c9c9;border-radius:4px}.field-and-text{display:flex;align-items:end;gap:.5em}.labeled-value{margin-top:1em}.labeled-value i{padding-right:.5em}.modal-content{background:ivory}canvas[resize]{width:100%;min-height:0;min-width:0;background:#e6f6ff}.svg-button{filter:brightness(0) saturate(100%) invert(34%) sepia(0%) saturate(0%) hue-rotate(55deg) brightness(97%) contrast(96%);touch-action:manipulation}.svg-button:active{filter:invert(50%) sepia(87%) saturate(305%) hue-rotate(173deg) brightness(84%) contrast(91%)}.svg-button-wrapper{display:flex;background:#1f5293;border-radius:4px;border:none;box-shadow:0 0 0 0}.svg-button-wrapper .svg-button{filter:unset}.svg-button-wrapper:not(.disabled) .svg-button:active{border-radius:4px;background:#6194d5}.svg-button-wrapper.active{background:ivory}.svg-button-wrapper.active .svg-button{filter:brightness(0) saturate(100%) invert(25%) sepia(69%) saturate(1222%) hue-rotate(188deg) brightness(91%) contrast(91%)}@media(hover: hover){.svg-button-wrapper:hover:not(.disabled){cursor:pointer}.svg-button-wrapper:hover:not(.disabled):not(.active){background:#3f72b3}}.svg-button-wrapper.disabled .svg-button{filter:invert(50%) sepia(87%) saturate(305%) hue-rotate(173deg) brightness(84%) contrast(91%)}.menu-item{display:block;width:100%;padding:6px 17px;font-size:16px;color:#feffe0;cursor:pointer;white-space:nowrap}.menu-item:hover:not(.disabled){color:#feffe0;background-color:#3f72b3}.menu-item.disabled{color:#5283c2;cursor:default}.menu-item.divider{padding:0;margin:9px 0;opacity:1;color:#3f72b3}.popover{--bs-popover-bg: #e6f6ff;--bs-popover-border-color: #c9c9c9;--bs-popover-body-color: #262626;max-width:400px;line-height:1.25;border-radius:9px}.popover .popover-arrow::before{--bs-popover-arrow-border: #c9c9c9}.popover .popover-arrow::before,.popover .popover-arrow::after{--bs-popover-arrow-height: calc(.5rem + 1px)}.popover.dark{--bs-popover-bg: #1f5293;--bs-popover-border-color: #3f72b3;--bs-popover-body-color: #feffe0;border-radius:0;z-index:60}.popover.dark .popover-arrow::before{--bs-popover-arrow-border: #3f72b3}.popover.tip{--bs-popover-bg: #444;--bs-popover-border-color: #c9c9c9;--bs-popover-body-color: #feffe0}.popover.tip .popover-arrow::before{--bs-popover-arrow-border: #c9c9c9}@media(max-width: 650px){.popover{line-height:1.25}}.popover-body{font-family:Nunito,sans-serif;padding:15px}.standin{margin:1.5em}.hidden{display:none !important}.disable-click{pointer-events:none}@media(min-aspect-ratio: 5/4){.portrait-only{display:none !important}}@media(max-aspect-ratio: 5/4){.landscape-only{display:none !important}}@media(max-width: 650px){.hide-phone{display:none !important}}@media(min-width: 650.1px){.hide-not-phone{display:none !important}}@media(hover: hover){.hide-mouse{display:none !important}}@media(hover: none){.hide-no-mouse,.hide-no-keyboard,.hide-touchscreen{display:none !important}}.noUi-connect{background:#e6f6ff}nav{width:100%;height:48px;padding:0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) 4px min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));display:flex;justify-content:space-between;align-items:center;background:#1f5293;user-select:none;-webkit-user-select:none}nav #logo{display:flex}nav #logo img{height:30px;margin-left:-5px;margin-top:4px}nav .menu{margin-top:12px;display:flex;flex-grow:1;justify-content:space-between;align-items:baseline}nav .menu .main-items{flex-grow:1;justify-content:center}nav .menu-group{display:flex;align-items:baseline;margin:0;padding:0;list-style:none}nav .menu-item{padding:6px 12px}nav #language{display:flex;align-items:baseline}nav #language #globe-icon{box-sizing:content-box;align-self:center;padding-right:5px;margin-left:-3px}nav .dropdown-menu{min-width:unset;margin-top:-1px !important;background:#1f5293;border:1px solid #3f72b3;border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}nav .menu-narrow{display:none}@media(max-width: 900px){nav{padding-right:calc(min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) - 5px)}nav #hamburger{display:flex;align-items:center;margin-top:8px;padding:0 5px 0 8px;font-size:16px;color:#feffe0}nav #hamburger .svg-button{box-sizing:content-box;height:32px;filter:unset;padding-left:7px}nav .menu-wide{display:none}nav .menu-narrow{position:static;display:block}nav .menu{inset:48px 0 auto auto !important;transform:none !important;padding:6px 3px 14px 3px;border:1px solid #3f72b3;border-right-width:0;border-bottom-right-radius:0;background:#1f5293;z-index:100;min-width:11.2rem}nav .menu:not(.show){display:none}nav .menu>div{width:100%}nav .dropdown-menu.symmetries{position:static !important;transform:none !important;padding:0 0 0 25px;border:none}}@media(min-aspect-ratio: 5/4){body.fixed-nav nav{position:fixed;top:0;z-index:1}}.above-the-fold{width:100%;height:calc(100% - 48px - .5px)}.one-part{max-width:940px;margin:0 auto;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}.two-part{width:100%;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(min-aspect-ratio: 5/4){.two-part{height:calc(100% - 48px);display:flex;gap:calc(min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))*2);padding:0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}.two-part header{flex:1 1 400px;min-width:min-content;max-width:600px;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) 0;overflow-y:auto}.two-part main{min-width:min-content;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) 0;overflow-y:auto}}.sections{width:100%;padding:.1px min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}.sections header{padding-bottom:.2em}@media(min-aspect-ratio: 5/4){.sections{margin-top:48px}.sections header{position:fixed}.sections header p{white-space:nowrap}.sections main{margin-left:max(19em,(100vw - 940px)/2)}}.sections main section{max-width:940px}.sections main section:last-child{margin-bottom:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}.sections h1,.sections h2,.sections section-title{margin-top:1em;scroll-margin-top:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));scroll-snap-margin-top:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(min-aspect-ratio: 5/4){.sections h1,.sections h2,.sections section-title{scroll-margin-top:calc(48px + min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)));scroll-snap-margin-top:calc(48px + min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)))}}.sections h1.first,.sections h2.first,.sections section-title.first{margin-top:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}.sections .section-title{display:flex;justify-content:space-between;align-items:baseline}.sections .section-title a{font-size:.75em;font-style:italic;margin-right:.4em}.sections .inset{height:min(154px, calc(94px + 5 * 1vw))}.page-404{background-image:url(/img/help/Dwarves.png)}.page-404 .layout{display:flex;width:fit-content;margin:14vh auto;justify-content:center;align-items:center;background:#e6f6ff;border-radius:1em}@media(max-width: 650px){.page-404 .layout{flex-direction:column}}.page-404 .layout img{height:14em;border-radius:1em}.page-404 .layout .title{width:16em;padding:1em 2em 1em 0;font-size:120%}@media(max-width: 650px){.page-404 .layout .title{padding:0 1em 1em 1em}}.animation{display:flex;--seek-button-size: min(60px, calc(11vh - 10px))}@media(max-aspect-ratio: 5/4){.animation{flex-direction:column}}.animation #canvas-box{position:relative;flex-grow:1000}@media(min-aspect-ratio: 5/4){.animation #canvas-box{max-width:120vh;margin:0 0 0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));border-top:1px solid #3f72b3;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9}}.animation #canvas-box canvas,.animation #canvas-box #canvas-background{position:absolute;height:100%;width:100%}.animation #canvas-box #canvas-background{background:#e6f6ff}.animation header{display:flex;flex-direction:column}.animation header .symmetry-summary .label,.animation header .symmetry-summary .name{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw))}.animation header .symmetry-summary .label{display:inline}.animation header .symmetry-summary .classifications{margin-top:2px;font-size:12px}@media(min-aspect-ratio: 5/4){.animation header{height:100%;flex-basis:10em;min-width:10em;flex-grow:1;margin-left:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));padding-top:40px;text-align:right}.animation header>div,.animation header #second-line{margin-bottom:1em}}@media(min-aspect-ratio: 5/4)and (hover: none){.animation header #links div{padding:2px 0}}@media(max-aspect-ratio: 5/4){.animation header{padding:10px}.animation header #first-line{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:3px}.animation header #artist,.animation header #permitted{display:inline}.animation header #second-line{margin-bottom:5px}.animation header .symmetry-summary .name{font-style:italic}.animation header .symmetry-summary .classifications{display:none}}.animation header #credits .by{font-size:min(18px, calc(13.7142857143px + 0.3571428571 * 1vw));font-weight:normal;padding-left:.75em}.animation header #credits #permitted{color:#7d7d7d}.animation header .recording-box{display:inline-block;margin-top:.3em;padding:.3em .6em;color:#feffe0;background:#e6999a;border-radius:4px}.animation header .recording-box button{margin:.4em 1.3em .2em 0}.animation header #scroll-down-tip{font-style:italic;padding-top:1em;color:#7d7d7d}.animation.pane #permitted{display:none}.animation #play-button-and-slider{display:flex;align-items:center;margin:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(min-aspect-ratio: 5/4){.animation #play-button-and-slider{flex-direction:column}}@media(max-width: 650px){.animation #play-button-and-slider{margin:5px 5px 0 5px}}.animation .button-play,.animation .button-pause{width:40px}@media(max-width: 650px){.animation .button-play,.animation .button-pause{width:35px}}.animation img{border:1px solid #c9c9c9;border-radius:2px;cursor:pointer}.animation .animation-slider{flex-grow:1;height:18px}@media(max-width: 650px){.animation .animation-slider{height:9px}}.animation .animation-slider .noUi-pips-horizontal{top:20px;height:20px;padding-bottom:0}@media(max-width: 650px){.animation .animation-slider .noUi-pips-horizontal{top:6px}}.animation .animation-slider .noUi-pips-vertical{left:20px;width:20px;padding-right:0}@media(max-width: 650px){.animation .animation-slider .noUi-handle{top:-10px}.animation .animation-slider .noUi-pips-horizontal{top:6px}}@media(max-aspect-ratio: 5/4){.animation{--seek-button-size: min(60px, 11vw)}}.animation .spacer{flex-basis:calc(var(--seek-button-size)/2)}.animation #seek-buttons{display:flex;justify-content:space-between;margin:1px 15px 15px 54px;align-items:flex-start}@media(min-aspect-ratio: 5/4){.animation #seek-buttons{flex-grow:1;flex-direction:column;margin:41px 27px 15px 6px;padding-top:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));order:3}}@media(max-width: 650px){.animation #seek-buttons{margin:6px 5px 5px 40px}}.animation #seek-buttons img{width:var(--seek-button-size);height:var(--seek-button-size)}#artwork .btn-close{display:none}@media(max-aspect-ratio: 5/4){#artwork .original{display:flex;align-items:center;padding-left:.6em}#artwork .original #more-button{display:flex;margin:0 3px 0 1em;border:1px solid #c9c9c9;border-radius:1em}#artwork .original #more-button img{border:none;height:.875em;padding:2px 8px 2px 7px;box-sizing:content-box}}@media(max-aspect-ratio: 5/4)and (min-width: 650.1px){#artwork .original #more-button{margin-left:2em}#artwork .original #more-button img{height:1.2em;padding:2px 15px}}.pane{overflow:hidden}.pane .original{display:none}.pane header .btn-close{position:absolute;top:55px;right:12px}@media(min-aspect-ratio: 5/4){.pane header .btn-close{top:65px;right:14px}}#animateGridPane #seek-buttons{margin-bottom:0}#animateGridPane #seek-buttons img{visibility:hidden}@media(max-aspect-ratio: 5/4){#animateGridPane #seek-buttons img{display:none}}#other-art{padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#other-art h1{margin-top:.7em}#modal-choose-symmetry .modal-dialog{max-width:730px}.choose-symmetry{width:100%;max-width:700px}@media(min-aspect-ratio: 5/4){.choose-symmetry{flex:1 1 600px;min-width:500px}}@media(max-width: 650px){.choose-symmetry{min-width:100%;max-width:100%}}#symmetry-thumbs #all{display:flex;flex-wrap:wrap;gap:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#symmetry-thumbs .thumbGroup{display:grid;gap:7px;padding:7px;background:#f3e4dd}#symmetry-thumbs .groupTitle{font-size:min(20px, calc(10px + 0.8333333333 * 1vw));font-weight:700;font-style:italic;text-align:center}#symmetry-thumbs .fit2{width:calc((100% - 2 * min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)))/3);grid-template-columns:repeat(2, 1fr)}#symmetry-thumbs .fit2 .groupTitle{grid-column-start:span 2}#symmetry-thumbs .fit4{width:calc(100% * 2 / 3 - min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) * 1 / 3);grid-template-columns:repeat(4, 1fr)}#symmetry-thumbs .fit4 .groupTitle{grid-column-start:span 4}#symmetry-thumbs .fit4 img{padding:0 2.6%}#symmetry-thumbs img{width:100%;background:#e6f6ff}@media(max-width: 650px){#symmetry-thumbs{min-width:100%;max-width:100%}#symmetry-thumbs .fit2{width:calc(50% - min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) / 2)}#symmetry-thumbs .fit4{width:100%}}#color-panel{color:#feffe0;width:330px;height:calc(387px + 6.6 * min(20px, calc(14.2857142857px + 0.4761904762 * 1vw)))}#color-panel .nav-tabs{justify-content:flex-start;margin:-12px -12px 0 -12px;padding:4px 0 0 11px;background:#002142;border-bottom-color:#2f62a3}#color-panel .nav-tabs .nav-link{color:#c7c7c7;background:none;padding:7px 20px;border-color:#2f62a3;border-top-left-radius:9px;border-top-right-radius:9px;font-weight:700}#color-panel .nav-tabs .nav-link.active{color:#feffe0;background:#1f5293;border-bottom-color:#1f5293}#color-panel .close{display:flex;padding:9px;position:absolute;top:4px;right:5px}#color-panel .close .btn-close{height:.65em;width:.65em;filter:invert(94%) sepia(6%) saturate(1913%) hue-rotate(321deg) brightness(112%) contrast(103%);opacity:1}#color-panel #detail-colors #mode-radios{font-weight:600;font-style:italic;font-size:1em;margin-bottom:1em}#color-panel #detail-colors .algorithm-spec{margin-top:.7em;line-height:2}#color-panel #detail-colors .algorithm-spec input[type=number]{width:3em}#color-panel .tab-content{padding-top:.8em}#color-panel .tab-content .pane-message{padding:2em 2em 0 0;text-align:center;line-height:1.5}#color-panel #tile-colors-top-controls{display:flex;justify-content:space-between;align-items:center;padding:4px 0}#color-panel .form-check-inline{padding-top:.3rem}#color-panel .color-table{width:100%;margin-top:1.3em;padding:0;border-spacing:0;table-layout:fixed}#color-panel .color-table th{font-weight:400;text-align:center}#color-panel .color-table td{height:40px;border:1px solid #3f72b3;text-align:center}#color-panel .color-table td.column-1{border-left:unset;width:140px}#color-panel .color-table td.column-1 div{display:flex;align-items:center;gap:.4em;padding-right:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#color-panel .color-table td.swatch{font-size:0}#color-panel .color-table td.swatch .eye{width:16px;height:16px;overflow:visible;visibility:hidden}#color-panel .color-table td.swatch.active .eye{visibility:visible}#color-panel .color-table div{height:100%;text-align:center}#color-panel .color-picker{display:flex;justify-content:space-between;margin-top:1.5em}#color-panel .color-picker .big-swatch{height:75px;margin-bottom:1em;border:1px solid #3f72b3}#color-panel .color-picker .hex-color.error{border:2px solid #d93232}#create{font-size:min(18px, calc(13.7142857143px + 0.3571428571 * 1vw))}#create p{padding:.1em 0}#create label{padding-left:.8em}#create button{margin-right:.3em}@media(min-aspect-ratio: 5/4){#create.two-part{gap:3em}#create label{display:block;margin:.5em 0 0 0}}@media(max-aspect-ratio: 5/4){#create .choose-symmetry h1{margin:1em 0 .7em 0}}#create-help table tr:nth-child(odd),.tooltip table tr:nth-child(odd){background-color:#f9f4e0}#create-help table td,#create-help table th,.tooltip table td,.tooltip table th{vertical-align:middle}#create-help table.inkscape th,.tooltip table.inkscape th{text-align:center}#create-help table.inkscape ul,.tooltip table.inkscape ul{margin:.5em 0 .3em -0.6em}#create-help table.shortcuts td:first-child,.tooltip table.shortcuts td:first-child{padding-left:2em}#create-help table.shortcuts td.heading,.tooltip table.shortcuts td.heading{padding-left:.5em;font-weight:bold}#create-help .svg-button,.tooltip .svg-button{width:min(52px, calc(30.5714285714px + 1.7857142857 * 1vw));height:min(52px, calc(30.5714285714px + 1.7857142857 * 1vw));padding:0 22%}#create-help .svg-button.short,.tooltip .svg-button.short{padding:0 19%}@media(max-width: 650px){#create-help .svg-button,.tooltip .svg-button{padding:0 19%}#create-help .svg-button.short,.tooltip .svg-button.short{padding:0 16%}}#create-help .icontip,.tooltip .icontip{text-decoration:underline dotted #999;-webkit-text-decoration-line:underline;-webkit-text-decoration-style:dotted;cursor:pointer}body.createHelp .tooltip.show{opacity:1}body.createHelp .tooltip .tooltip-inner{padding:0}body.createHelp .tooltip .tooltip-arrow:before{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}.video{aspect-ratio:16/9;width:100%;max-width:560px;margin-bottom:1em;background:#000}#edit-pane,#export-pane{user-select:text;-webkit-user-select:text}#color-panel{user-select:none;-webkit-user-select:none}#edit-pane{position:relative;border-top:1px solid #3f72b3;overflow:hidden}#edit-pane canvas{position:absolute;margin-top:-0.5px;height:calc(100% + .5px)}#edit-pane .toolbar{position:absolute;display:flex;padding:4px;background:#1f5293;border:1px solid #3f72b3}#edit-pane .button-group{display:flex;gap:4px}#edit-pane .button-group.crosswise{flex-direction:column}#edit-pane .button-group .stale{background:#763d55}#edit-pane .divider{width:3px;margin:4.5px 9px;background:#3f72b3;border-radius:3px}#edit-pane .svg-button{width:min(calc((100vw - 61px) / 8), 52px);height:min(calc((100vw - 61px) / 8), 52px);max-width:52px;padding:0 22%}#edit-pane .svg-button.short{padding:0 19%}@media(max-width: 650px){#edit-pane .svg-button{padding:0 19%}#edit-pane .svg-button.short{padding:0 16%}}.menu #edit-pane.show{border:solid #3f72b3;border-width:0 0 1px 1px}#edit-pane #major-mode-bar{border-width:0 1px 1px 0}@media(max-width: 650px){#edit-pane #major-mode-bar .button-group{flex-direction:column}}#edit-pane #mode-bars{position:absolute;left:180px;display:flex;flex-direction:column}@media(max-width: 650px){#edit-pane #mode-bars{left:unset;right:0}}@media(max-width: 650px)and (max-width: 529px){#edit-pane #mode-bars .svg-button-wrapper.hide-1{display:none}}@media(max-width: 650px)and (max-width: 581px){#edit-pane #mode-bars .svg-button-wrapper.hide-2{display:none}}#edit-pane #mode-bars #secondary-bars{display:flex;width:100%}#edit-pane #tools-bar,#edit-pane #vertex-mode-bar,#edit-pane #vertex-bar,#edit-pane #item-bar{border-top-width:0}@media(max-width: 650px){#edit-pane #tools-bar,#edit-pane #vertex-mode-bar,#edit-pane #vertex-bar,#edit-pane #item-bar{border-right-width:0}}#edit-pane #menu-bar{bottom:0;border-width:1px 1px 0 0}@media(min-width: 650.1px){#edit-pane #menu-bar{flex-direction:column;bottom:unset;top:120px;border-width:1px 1px 1px 0}#edit-pane #menu-bar .button-group{flex-direction:column}#edit-pane #menu-bar .divider{width:unset;height:3px;margin:9px 4.5px}}#edit-pane .symmetry-summary .label{font-style:italic}#edit-pane .symmetry-summary .name,#edit-pane .symmetry-summary .classifications{display:block;padding:.2em 0 0 .6em}#edit-pane .symmetry-summary .classifications{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw))}#edit-pane .message-about-save{font-style:italic;color:#999;padding-left:2.5em}#export-pane{display:flex}@media(max-aspect-ratio: 5/4){#export-pane{flex-direction:column}}#export-pane header{flex-basis:0;flex-grow:1;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#export-pane header .buttons{margin:.25rem;text-align:right}#export-pane canvas{flex-grow:100}.popover.menu .popover-body{padding-left:3px;padding-right:3px}#art{padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#art .controls{display:flex;align-items:baseline}#art .controls .sort{margin-right:3em}@media(max-width: 650px){#art .controls .sort{margin-right:0;position:absolute;right:0;top:50px}}#art .dropdown{margin:.5rem .5rem 1rem 0}#art .dropdown .dropdown-toggle.active{color:#feffe0;background:#e6999a;border-color:#c18181}#art .dropdown-menu{min-width:0;background:ivory}#art .dropdown-item:hover,#art .dropdown-item:focus{background:#f2edc2}#art .dropdown-item.active,#art .dropdown-item:active{color:#feffe0;background:#e6999a}#art .section-name{margin-bottom:.5em}#art .section-name:not(:first-child){margin-top:.5em}:root{--art-block-gap: 10px}.art-groups{display:flex;flex-wrap:wrap;margin-left:-10px}.art-groups .art-group{display:flex;flex-direction:column;background:#f3e4dd;margin:0 0 10px 10px;padding:10px}.art-groups .art-group .group-title{padding-bottom:.35em;font-style:italic;font-weight:bold}.art-groups .art-group .group-box{flex-grow:1}.art-block-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(130px, calc(91.4285714286px + 3.2142857143 * 1vw)), 1fr));gap:var(--art-block-gap)}.art-block{min-width:min(130px, calc(91.4285714286px + 3.2142857143 * 1vw));max-width:150px;border:1px solid #c9c9c9;background:#e6f6ff}.art-block .inner{display:flex;flex-direction:column;align-items:center}.art-block .dark-thumb-container{position:relative}.art-block .dark-thumb-container::before{content:"";position:absolute;inset:0 1px;box-shadow:inset 0 0 10px 10px #e6f6ff;pointer-events:none}.art-block img{width:min(130px, calc(91.4285714286px + 3.2142857143 * 1vw));height:min(130px, calc(91.4285714286px + 3.2142857143 * 1vw));padding:0 1px}.art-block img.create-one{padding:5%}.art-block .art-description{padding:0 min(7px, calc(4.1428571429px + 0.2380952381 * 1vw)) min(7px, calc(4.1428571429px + 0.2380952381 * 1vw)) min(7px, calc(4.1428571429px + 0.2380952381 * 1vw));margin-top:-5px}.art-block .art-description div{text-align:center;font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw));margin-top:2px}.art-block .art-description .artist{color:#262626}.art-block .art-description .symmetry{color:#7d7d7d;font-size:12px;font-style:italic}#artists{display:flex}@media(min-aspect-ratio: 5/4){#artists{height:calc(100% - 48px)}}#artists #index{padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(min-aspect-ratio: 5/4){#artists #index{flex-basis:360px;min-width:360px;overflow-x:hidden;overflow-y:auto}}#artists #index table{width:100%}#artists #index table tbody tr:nth-child(odd){background-color:#f9f4e0}#artists #index table td,#artists #index table th{height:25px;padding:.2em .5em;font-size:min(18px, calc(13.7142857143px + 0.3571428571 * 1vw));white-space:nowrap}@media(max-aspect-ratio: 5/4){#artists #index table td,#artists #index table th{font-size:min(22px, calc(13.4285714286px + 0.7142857143 * 1vw))}}#artists .artist{width:100%}@media(min-aspect-ratio: 5/4){#artists .artist{border-left:1px solid #262626;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) calc(2 * min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)));overflow-y:scroll}}@media(max-aspect-ratio: 5/4){#artists .artist{display:none;position:absolute;left:0;top:48px;margin:0;border-left:none;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}}#artists .artist #info{max-width:40em;margin-bottom:-0.7rem}#artists .artist #info .title-row{display:flex;justify-content:space-between;align-items:baseline}#artists .artist #info .title-row .website{font-weight:normal}@media(min-width: 650.1px){#artists .artist #info .title-row .website{align-self:start}}#artists .artist #info img.float-start{box-sizing:content-box;max-width:135px;padding-right:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#artists .artist #info .nav-tabs{margin-bottom:.5em}#artists .artist #info .nav-tabs .nav-item:first-child{margin-left:1em}#artists .artist #info .nav-tabs.japanese{font-size:85%;align-self:baseline}#artists .artist #info .nav-tabs .nav-link{padding:.4em 1em .3em 1em;color:#262626}#artists .artist #info .nav-tabs .nav-link.active{background:ivory}#artists .artist #info .japanese a{text-decoration:underline;text-decoration-thickness:.05em}#artists [aria-expanded=true] .hide-when-collapsed{display:none}@media(min-width: 1280px){#modal-artwork-help .modal-dialog{max-width:1280px}}@media(max-width: 1279px){#modal-artwork-help .modal-dialog{max-width:34em}}#modal-artwork-help .layout{display:flex;flex-wrap:wrap;gap:2em}#modal-artwork-help .layout .first-block{max-width:34em}#modal-artwork-help tr:nth-child(odd){background-color:#f9f4e0}#modal-artwork-help table.stages td{vertical-align:middle}#modal-artwork-help table.stages td:first-child{vertical-align:top;background:ivory}#modal-artwork-help table.stages img{width:min(60px, calc(35.7142857143px + 2.0238095238 * 1vw))}#modal-artwork-help table.controlling td{white-space:nowrap}@media print{body.artwork nav{height:0 !important;padding:0 !important}body.artwork nav #logoImage{position:absolute;right:0;top:10px;border:6px solid #1f5293;border-top-width:1px;border-radius:4px;box-sizing:content-box;-webkit-print-color-adjust:exact !important;color-adjust:exact !important}body.artwork .above-the-fold{height:100% !important}body.artwork header{padding:10px 0 15px 0 !important}body.artwork header #first-line,body.artwork header #second-line{display:inline-block !important}body.artwork header a{color:#000 !important}body.artwork .menu-wide,body.artwork .menu-narrow,body.artwork #permitted,body.artwork .original,body.artwork #more-button,body.artwork #play-button-and-slider,body.artwork #seek-buttons,body.artwork #other-art,body.artwork #links,body.artwork #scroll-down-tip{display:none !important}body.artwork .by{padding-left:0 !important}}#bloopers-page{margin:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#bloopers-page p{max-width:940px}#bloopers-page #grid{margin-top:1em;display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:calc(3*min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)));background:ivory}@media(max-width: 650px){#bloopers-page #grid{display:block}#bloopers-page #grid p{margin-top:1.5em}}#bloopers-page #grid p{text-align:center;font-style:italic;font-weight:600;margin-bottom:.4em}#bloopers-page img{width:100%;border:1px solid #aaa}#bloopers-img{height:min(104px, calc(88.2857142857px + 1.3095238095 * 1vw))}@media(min-aspect-ratio: 5/4){body.home #logo{display:none}body.home .menu .main-items{flex-basis:50%}body.home .menu .rightmost-items{flex-basis:50%;justify-content:end}}@media(max-aspect-ratio: 5/4){body.home nav{height:68px}body.home #logo img{height:40px;padding-left:6px}body.home #big-logo{display:none}body.home #hamburger{margin-top:10px}body.home .menu.show{border:none;box-shadow:rgba(0,0,0,.7) -5px 7px 14px;margin-top:10px !important;border-top-left-radius:7px}}#home{height:calc(100% - 48px)}@media(max-aspect-ratio: 5/4){#home{display:flex;flex-direction:column;height:calc(calc(100% - 48px) - 2.6rem)}}@media(min-aspect-ratio: 5/4){#home{display:flex;flex-direction:column;width:50%}#home #art-and-friends{position:absolute;top:48px;right:0;height:calc(100% - 48px);width:50%}}#home #title{padding:2em 0 3em 0;text-align:center;font-size:min(20px, calc(14.2857142857px + 0.4761904762 * 1vw));font-weight:400;line-height:1.55em;color:#feffe0;background:#1f5293}#home #title .logo{width:50%;min-width:200px;max-width:300px;margin-bottom:1.5em}@media(max-aspect-ratio: 5/4){#home #title{padding:0 0 1.5em 0;font-size:min(24px, calc(12.5714285714px + 0.9523809524 * 1vw));font-weight:500}}#home #art-and-friends{display:flex;flex-direction:column;flex-grow:1;min-height:0;background:#e6f6ff}#home #art-and-friends #controls,#home #art-and-friends #credits{background:ivory}#home #canvas{flex-grow:1;width:100%;box-shadow:rgba(0,0,0,.3) 0px 0px 10px;z-index:10}#home #credits{padding:0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(max-aspect-ratio: 5/4){#home #credits{border-bottom:1px solid #c9c9c9}}@media(min-aspect-ratio: 5/4){#home #credits{padding-bottom:9px}}#home #credits .one-or-two-lines{margin-bottom:.5em}#home #credits .title{display:inline;font-size:unset;font-weight:600;white-space:nowrap}#home #credits .by{font-size:.8em;font-weight:normal;padding-left:.25em}#home #credits .permitted{display:inline;padding-left:.25em;color:#7d7d7d;white-space:nowrap}@media(max-aspect-ratio: 5/4)and (max-width: 650px),(min-aspect-ratio: 5/4)and (max-width: 1355px){#home #credits .one-or-two-lines{margin-bottom:0}#home #credits .permitted{display:block;padding:0 0 2px 1.4em}}#home #credits .symmetry-line{margin-bottom:12px}#home #credits .symmetry-line a{font-style:italic}#home #controls{display:flex;align-items:center;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(max-width: 650px){#home #controls{padding:10px 10px 10px 5px}}#home #controls img{width:40px}@media(max-width: 650px){#home #controls img{width:35px}}#home #controls .animation-slider{flex-grow:1;height:18px;margin:0 min(30px, calc(15.7142857143px + 1.1904761905 * 1vw))}@media(max-width: 650px){#home #controls .animation-slider{height:9px}#home #controls .animation-slider .noUi-handle{top:-10px}}@media(hover){#home #controls .svg-button:hover{filter:brightness(0) saturate(100%) invert(67%) sepia(29%) saturate(414%) hue-rotate(308deg) brightness(92%) contrast(107%)}}#home #introduction{display:flex;flex-direction:column;min-height:0;margin:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) 0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(max-aspect-ratio: 5/4){#home #introduction{flex-basis:0}}@media(min-aspect-ratio: 5/4){#home #introduction{flex-grow:1;overflow-y:auto}}#home footer{flex-grow:1;display:flex;align-items:end;justify-content:center;margin-bottom:1px}#home .home-inset{float:left;width:7.5em;box-sizing:content-box;margin:0 .8em .1em 0;padding:.4em 0;background:#fff7d6;border:.35rem solid #f9efc1;border-radius:.4rem}#home .home-inset p{padding:0 .6rem;text-align:center;font-size:80%;font-style:italic;margin:0}#home .home-inset p.rule-below{padding-bottom:.5em;border-bottom:.35rem solid #f9efc1;margin-bottom:.7em}#home .home-inset p.kicker{font-style:normal;font-size:54%;margin:.4rem 0 .1rem 0}#home .home-inset img{width:60%}@media(min-aspect-ratio: 5/4){body.symmetry{overflow:hidden}}@media(max-aspect-ratio: 5/4){#symmetry{display:flex;flex-direction:column}}@media(min-aspect-ratio: 5/4){#symmetry{display:grid;grid-auto-flow:column;grid-template-columns:minmax(20em, 1fr) 2fr;grid-template-rows:auto 1fr}}#symmetry header{width:100%;padding:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)) 2px min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#symmetry header #classifications{margin:.2em 0 .15em 0;line-height:1.5}#symmetry header .classification{white-space:nowrap}#symmetry header a{font-weight:700}#symmetry #diagram{position:relative}@media(max-aspect-ratio: 5/4){#symmetry #diagram{flex-grow:1;margin-bottom:.1em}}@media(max-aspect-ratio: 5/4)and (min-width: 650.1px){#symmetry #diagram{max-height:80vw}}@media(min-aspect-ratio: 5/4){#symmetry #diagram{grid-column-start:2;grid-row-start:span 2}}#symmetry #diagram #canvas{position:absolute;height:100%}#symmetry #diagram .inset{position:absolute;margin:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#symmetry #diagram #button-reset{right:0}#symmetry #diagram .svg-button{height:15px}#symmetry #diagram .disabled{cursor:auto}#symmetry #diagram .disabled .svg-button{filter:brightness(80%);transition:filter .01s linear}#symmetry #diagram #symmetry-buttons{display:flex;gap:3px}@media(hover: none){#symmetry #diagram #symmetry-buttons{bottom:0;right:0}}#symmetry #diagram #undo-buttons,#symmetry #diagram #zoom-buttons{display:flex;flex-direction:column;bottom:0;gap:3px}#symmetry #diagram #zoom-buttons{right:0}@media(hover: hover){#symmetry #diagram button.control:not(.disabled):hover{background:#e2efff}}#symmetry #diagram button.control:not(.disabled):active{background:#d1e5ff}#symmetry #rest{padding:0 min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}@media(max-aspect-ratio: 5/4){#symmetry #rest{display:flex;flex-direction:column}#symmetry #rest #other{height:1.2em}}@media(min-aspect-ratio: 5/4){#symmetry #rest{height:100%;min-height:0;overflow-y:auto}}#symmetry #rest #symmetry-buttons{text-align:right;margin:1em 0 .4em 0}#symmetry #rest #show-art{padding:.5rem 0 .6rem 0}#symmetry #rest #show-art #checkboxes{margin-bottom:4px}#symmetry #rest #show-art #artwork-thumbs{min-height:min(90px, calc(47.1428571429px + 3.5714285714 * 1vw));margin:0 0 2px -3px}#symmetry #rest #show-art #artwork-thumbs img{width:min(90px, calc(47.1428571429px + 3.5714285714 * 1vw));padding:3px;margin-right:7px}#symmetry #rest #show-art #artwork-thumbs img.active{padding:0;border:3px solid #1f5293;border-radius:10px}@media(max-aspect-ratio: 5/4){#symmetry #rest #show-art{border-bottom:1px solid #c9c9c9}#symmetry #rest #show-art .hscroll{width:min-content;max-width:100%;margin-left:-5px;padding-left:5px;overflow-x:auto;scrollbar-width:none}#symmetry #rest #show-art .hscroll::-webkit-scrollbar{width:0;height:0}#symmetry #rest #show-art .hscroll #artwork-thumbs{display:flex}}#symmetry #rest #other{margin-top:.6rem}#symmetry #rest #external-art{padding-bottom:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw))}#symmetry #rest .description-ps{font-size:min(16px, calc(13.1428571429px + 0.2380952381 * 1vw))}#colored-heesch-codes{background:ivory;padding:0 .4em .1em .4em}#symmetryClassification table.comparison td{vertical-align:middle}#symmetryClassification table.comparison td:not(:first-child){text-align:center}@media(min-width: 650.1px){#symmetryClassification table.comparison tbody tr:nth-child(odd){background-color:#f9f4e0}}@media(max-width: 650px){#symmetryClassification table.comparison tbody tr:nth-child(even){background-color:#f9f4e0}#symmetryClassification table.comparison th{height:56px;vertical-align:bottom;text-align:left;line-height:1;font-weight:normal;border:none;padding:0 0 3px 0}#symmetryClassification table.comparison th>div{width:40px}#symmetryClassification table.comparison th>div>div{transform-origin:bottom left;transform:translateX(19px) rotate(-45deg)}#symmetryClassification table.comparison td:first-child{width:120px}}#symmetryClassification table.mohr tbody tr:nth-child(odd){background-color:#f9f4e0}#symmetryClassification table.heesch-extended td{padding-top:.5em;text-align:center}#symmetryClassification table.heesch-extended p{margin-bottom:.4rem}#symmetryClassification table.heesch-extended img{width:40vw;max-width:270px;aspect-ratio:1}#symmetryClassification table.mohr th{font-style:italic}#symmetryClassification table.mohr .answers{text-align:right;white-space:nowrap}#symmetryClassification table.mohr .codes{font-weight:bold;white-space:nowrap}#symmetryClassification .example-pair{margin-bottom:1.5em;border:1px solid #f3e8be;background:#fff8dc}#symmetryClassification .example-pair div{padding:1em 1em .3em 1em}@media(min-width: 650.1px){#symmetryClassification .example-pair{display:flex}#symmetryClassification .example-pair div{width:50%}#symmetryClassification .example-pair div:first-child{border-right:1px solid #f3e8be}#symmetryClassification .example-pair img{max-width:100%}}@media(max-width: 650px){#symmetryClassification .example-pair{margin-left:-10px;margin-right:-10px}#symmetryClassification .example-pair div:first-child{border-bottom:1px solid #f3e8be}}#symmetryRelationships .float-image{float:left;height:60px;margin:0 .3em .3em 0}#symmetryRelationships .chart{flex-grow:1.7;max-width:98vh}#symmetryRelationships .chart #chart{width:100%;margin:-0.8%}@media(min-aspect-ratio: 5/4){#symmetrySummary main{margin-top:min(16px, calc(7.4285714286px + 0.7142857143 * 1vw));padding-top:0}}#symmetrySummary tbody tr:nth-child(odd){background-color:#f9f4e0}#symmetrySummary th{position:sticky;top:0;font-style:italic;cursor:pointer;background:#f9f4e0;z-index:10}#symmetrySummary td,#symmetrySummary th{font-size:.72em;padding:.2em .5em;border:1px solid #f3e8be}#symmetrySummary .column-name{font-style:italic;font-weight:bold}body.symmetrySummary .tooltip.show{opacity:1}body.symmetrySummary .tooltip .tooltip-inner{padding:4px;background-color:#e6f6ff;border:1px solid #98d9fe}body.symmetrySummary .tooltip .tooltip-inner img{width:120px}body.symmetrySummary .tooltip .tooltip-arrow:before{border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}#symmetryTutorial .row-header{font-style:italic}#symmetryTutorial .figure-row{display:flex;width:fit-content;gap:30px;padding:.5em 1em;margin:0 0 1em 0;background:#fff8dc}#symmetryTutorial .figure-row .figure{display:flex;flex-direction:column;width:fit-content}#symmetryTutorial .figure-row .figure img{width:80px}#symmetryTutorial .figure-row .figure.rotation img{width:120px}#symmetryTutorial .figure-row .figure div{text-align:center}@media(max-width: 650px){#symmetryTutorial .figure-row{gap:15px;margin-left:0}#symmetryTutorial .figure-row .figure img{width:60px}#symmetryTutorial .figure-row .figure.rotation img{width:90px}}#symmetryTutorial .example{position:relative;display:flex;flex-wrap:wrap;margin:.5em 0 2em 0;padding:13px;gap:13px;background:#fff8dc}#symmetryTutorial .example .text{flex:1 1 561px;margin:0 auto;align-self:center}#symmetryTutorial .example .figure-left{float:left;margin:0 13px .1em 0;background:#e6f6ff}#symmetryTutorial .example.fill .figure-left img{width:150px}#symmetryTutorial .example hr{position:absolute;width:444px;left:65px;color:#ad973f}@media(max-width: 1271px){#symmetryTutorial .example hr{display:none}}#symmetryTutorial .example canvas{width:340px;height:340px;margin:0 auto;cursor:pointer}#symmetryTutorial .example:last-child{margin-bottom:0}@media(max-width: 650px){#symmetryTutorial .example{margin-left:calc(0px - min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)));margin-right:calc(0px - min(16px, calc(7.4285714286px + 0.7142857143 * 1vw)))}#symmetryTutorial .example canvas{margin-left:auto;margin-right:auto}}body.tutorial .tooltip.show{opacity:1}body.tutorial .tooltip .tooltip-inner{max-width:unset;background-color:#e9dbd4;padding:15px}body.tutorial .tooltip .tooltip-inner img{width:250px}body.tutorial .tooltip .tooltip-arrow:before{border-color:rgba(0,0,0,0)}/*!
 * Toastify js 1.11.2
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:rgba(0,0,0,0);border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}/*# sourceMappingURL=tiledArt.css.map */