/*

     _________________________________     O---o                        __  __     _
    |         _  _            _  __   |     O-o       __ _   ___  _ __  \ \/ /  __| |  ___ __   __
    |     /\ |_)|_)|   /\ | |(_ |_    |      O       / _` | / _ \| '_ \  \  /  / _` | / _ \\ \ / /
    ;   _/``\|  |  |__/``\|_| _)|__   |     o-O     | (_| ||  __/| | | | /  \ | (_| ||  __/ \ V /
   ((_(-____________.-.___________.)`)┘    o---O     \__, | \___||_| |_|/_/\_\ \__,_| \___|  \_/
    \__ )        ,'     `.        \ _/     O---o     |___/
    :  :        |_________|       :  :      O-o
    |-'|       ,'-.-.--.-.`.      |`-|       O       Hi! This code is optimized.
    |_.|      (( (*  )(*  )))     |._|      o-O      Unoptimized website  @ https://source.catalog.genxdev.net/
    |  |       `.-`-'--`-'.'      |  |     o---O     allows you to step through Typescript and set
    |-'|        | ,-.-.-. |       |._|     O---o     breakpoints.
    |  |        |(|-|-|-|)|       |  |      O-o
    :,':        |_`-'-'-'_|       ;`.;       O       Application : 'catalog'
     \  \     ,'           `.    /._/       o-O      Filename    : 'catalog_v0.0.0.2_7fb2f753.css'
      \/ `._ /_______________\_,'  /       o---O
        `.| |  |           |  |,'╔═════════════════╡@license genXdev All Rights Reserved╞═╗
          `.|  |           |  |  ║(the "Software") are the exclusive property of genXdev  ║
╔═══════════╡  |           |  ╞══╝Unauthorized copying, distribution, modification, or use╚══════════════════╗
║of this Software, in whole or in part, is strictly prohibited. For permission requests, please contact:     ║
║genXdev, info@genXdev.net Written permission from genXdev is required for any use of this Software,         ║
║including but not limited to, reproduction, adaptation, distribution, performance, display, or the creation ║
║of derivative works based upon the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,║
║EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR║
║PURPOSE, TITLE, AND NON-INFRINGEMENT. IN NO EVENT SHALL GENXDEV BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER  ║
║LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH║
║THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.╔═════════════════════════════════════════════════╝
╚══════════════════════════════════════════════════════════╝

*/

.page-header{width:100%;height:220px;display:flex;align-items:center;justify-content:center;position:relative;background-image:var(--header-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 24px 0 rgba(59,130,246,.1),0 1.5px 6px 0 rgba(0,0,0,.1)}.page-header-square{max-height:120px;max-width:120px;border-radius:1rem;box-shadow:0 2px 8px rgba(59,130,246,.18);object-fit:contain;position:relative;z-index:2;background:0 0}.tile-image-area{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;border-top-left-radius:1.1rem;border-top-right-radius:1.1rem;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;background-image:var(--tile-bg-image)}.tile-image-area{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;border-top-left-radius:1.1rem;border-top-right-radius:1.1rem;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.tile-image-square{max-height:90%;max-width:90%;border-radius:.7rem;box-shadow:0 2px 8px rgba(59,130,246,.18);object-fit:contain;position:relative;z-index:2}.dashboard-title{font-size:2.25rem;font-weight:700;text-align:center;margin:2.5rem 0 2rem 0;color:#3b82f6;letter-spacing:.01em}body{background:linear-gradient(135deg,#232526 0,#414345 100%);color:#e5e7eb;font-family:Inter,sans-serif;min-height:100vh;margin:0;padding:0}.thumbnailPanelBackground{background:0 0;padding:0;margin:0;width:100vw;height:100vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.thumbnailPanel{display:grid;overflow-y:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1em;width:100%;height:100%;margin:0;padding:1em;position:relative}.thumbnailPanel a{text-decoration:none;color:inherit;background:rgba(34,40,49,.97);border-radius:1.1rem;transition:box-shadow .2s,transform .2s;display:block}.tile{background:linear-gradient(135deg,#232526 0,#3b3b3b 100%);border:1px solid #4f8cff;border-radius:1.1rem;overflow:hidden;transition:transform .7s,box-shadow .7s,background .7s;box-shadow:0 4px 24px 0 rgba(59,130,246,.1),0 1.5px 6px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:350px}.tile:hover{transform:translateY(-7px) scale(1.025);box-shadow:0 8px 32px 0 rgba(59,130,246,.18),0 2px 8px 0 rgba(0,0,0,.13);background:linear-gradient(135deg,#2d3748 0,#072d73 100%)}.tile-image{width:100%;height:200px;object-fit:cover;background:#222;display:block;border-top-left-radius:1.1rem;border-top-right-radius:1.1rem;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;box-shadow:0 2px 8px rgba(59,130,246,.1)}.tile-content{padding:1.5rem 1.25rem 1.25rem 1.25rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;border-bottom-left-radius:1.1rem;border-bottom-right-radius:1.1rem}.tile-title{color:#a2caff;font-size:30px;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.tile-description{color:#d7e1ed;font-size:20px;text-transform:lowercase;font-weight:500;margin-bottom:.35rem}.tile-long-description{color:#b6c6e3;font-size:16px;text-transform:lowercase;font-style:italic;margin-top:0}.thumbnailPanel{grid-template-columns:repeat(2,47vw)}@media (orientation:portrait){body,html{font-size:calc(8*(100vw / 550))}.thumbnailPanel{grid-template-columns:1fr!important}.tile{font-size:2em}}div.thumbnailPanel iframe{position:relative;width:90vw;height:90vh}