/****************************************************************************
 ** @license
 ** This demo file is part of yFiles for HTML 3.0.0.3.
 ** Copyright (c) 2000-2025 by yWorks GmbH, Vor dem Kreuzberg 28,
 ** 72070 Tuebingen, Germany. All rights reserved.
 **
 ** yFiles demo files exhibit yFiles for HTML functionalities. Any redistribution
 ** of demo files in source code or binary form, with or without
 ** modification, is not permitted.
 **
 ** Owners of a valid software license for a yFiles for HTML version that this
 ** demo is shipped with are allowed to use the demo source code as basis
 ** for their own yFiles for HTML powered applications. Use of such programs is
 ** governed by the rights and conditions as set out in the yFiles for HTML
 ** license agreement.
 **
 ** THIS SOFTWARE IS PROVIDED ''AS IS'' AND ANY EXPRESS OR IMPLIED
 ** WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 ** MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN
 ** NO EVENT SHALL yWorks BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 ** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 ** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 ** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 ** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 ** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 **
 ***************************************************************************/.layer-label-white{color:#fff}.layer-label-black{color:#000}.settings-button{width:21px;height:21px;background-repeat:no-repeat;background-position:center;vertical-align:bottom;border:none}.settings-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-mirror{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20x='0px'%20y='0px'%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20enable-background='new%200%200%2016%2016'%20xml:space='preserve'%3e%3cg%3e%3cpath%20stroke='%23666666'%20stroke-width='2'%20d='M%208,%200%20L%208,%2016'/%3e%3cpath%20stroke='%23666666'%20stroke-linejoin='miter'%20fill='%23666666'%20d='M%201,%2012%20L%205,%2012%20L%205,%204%20Z'/%3e%3cpath%20stroke='%23666666'%20stroke-linejoin='miter'%20fill='none'%20d='M%2015,%2012%20L%2011,%2012%20L%2011,%204%20Z'/%3e%3c/g%3e%3c/svg%3e")}.mirrored{transform:scaleX(-1)}.rotated{transform:rotate(90deg)}.subtree-placer-settings{margin-top:20px}.option-element{width:55%}#layer-section{background-color:#dc143c;padding:5px}#rotation-buttons{display:flex;justify-content:space-between}#rotation-buttons>.settings-button{width:60px;height:60px;margin:0;background-size:40px}#layer-label{font-weight:700;font-size:larger;margin-right:10px}#layer-index{width:50px}#select-subtree-placer{width:75%}#select-subtree-placer-label{width:20%}#previewComponent{height:25%;background-color:#fff;margin-top:20px}