#shopify-section-test_hero .wp-hero__inner--cards{--role-menu-width:586px}#shopify-section-test_hero .wp-hero__inner--cards .wp-hero__cards,#shopify-section-test_hero .wp-role-menu{box-sizing:border-box;width:min(100%,var(--role-menu-width));max-width:none;margin-inline:0}#shopify-section-test_hero .wp-hero__root .wp-hero__inner--cards .wp-hero__cards{margin-bottom:28px}#shopify-section-test_hero .wp-hero__card-selected{display:none}#shopify-section-test_hero .wp-role-menu{--role-chip:#f4c95d;--inventory-gold:#ffd343;--slot-selected:#f8e8b7;--inventory-cut:polygon(5px 0, calc(100% - 5px) 0, calc(100% - 5px) 4px,100% 4px,100% calc(100% - 5px) , calc(100% - 4px) calc(100% - 5px) , calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px) ,0 calc(100% - 4px) ,0 5px,5px 5px);position:relative;container:role-menu / inline-size;font-family:Archivo,sans-serif;text-align:left}#shopify-section-test_hero .wp-role-menu[data-role=player]{--role-chip:#b2d9ed}#shopify-section-test_hero .wp-role-menu[data-role=parent]{--role-chip:#efb6ad}#shopify-section-test_hero .wp-role-menu *{box-sizing:border-box}#shopify-section-test_hero .wp-role-menu [hidden]{display:none!important}#shopify-section-test_hero .wp-inventory{--inventory-columns:5;position:relative;width:100%;min-width:0;margin:0;padding:19px 10px 7px;background:#f3ead7;border:3px solid #1b2b45;border-radius:2px;box-shadow:inset 0 0 0 2px #fff9ed,0 4px #080f20;color:#1b2b45}#shopify-section-test_hero .wp-inventory__header{position:absolute;inset:-14px auto auto 10px;display:flex;width:auto;max-width:calc(100% - 20px);margin:0;padding:2px;background:#1b2b45;clip-path:var(--inventory-cut)}#shopify-section-test_hero .wp-inventory__badge{margin:0;padding:3px 9px 4px;background:var(--role-chip);color:#1b2b45;font:400 20px/1 "Jersey 20",sans-serif;letter-spacing:.02em;clip-path:var(--inventory-cut);box-shadow:inset 0 2px #fff7}#shopify-section-test_hero .wp-inventory__body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"items" "details";gap:4px;min-width:0}#shopify-section-test_hero .wp-inventory__items{grid-area:items;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;align-content:start}#shopify-section-test_hero .wp-inventory__item{-webkit-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;width:100%;min-height:67px;aspect-ratio:auto;margin:0;padding:5px 3px 6px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#1b2b45;cursor:pointer;transition:background-color .12s ease}#shopify-section-test_hero .wp-inventory__item:before,#shopify-section-test_hero .wp-inventory__item:after{content:none}#shopify-section-test_hero .wp-inventory__icon{display:block;position:relative;flex:none;width:clamp(28px,7.2cqi,44px);height:auto;max-width:100%;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:0;background:none}#shopify-section-test_hero .wp-inventory__art{display:block;width:100%;height:100%;background:url(/cdn/shop/files/workplay-home-inventory-items.webp?v=1792178290) no-repeat;background-size:200% 200%;filter:saturate(.85);image-rendering:pixelated;transition:filter .12s ease}#shopify-section-test_hero .wp-inventory__art[data-icon=team]{background-position:0 0}#shopify-section-test_hero .wp-inventory__art[data-icon=programs]{background-position:100% 0;clip-path:inset(0 0 0 4%)}#shopify-section-test_hero .wp-inventory__art[data-icon=activity]{background-position:0 100%}#shopify-section-test_hero .wp-inventory__art[data-icon=leaderboards]{background-position:100% 100%}#shopify-section-test_hero .wp-inventory__art:is([data-icon=reps],[data-icon=character],[data-icon=streaks],[data-icon=invites]){background-image:none}#shopify-section-test_hero .wp-inventory__art img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#shopify-section-test_hero .wp-inventory__item-label{display:block;max-width:100%;min-height:1em;margin:0;font:400 clamp(10px,2.65cqi,16px)/1 "Jersey 20",sans-serif;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap}#shopify-section-test_hero .wp-inventory__item[aria-selected=true]{background:var(--slot-selected);box-shadow:none}#shopify-section-test_hero .wp-inventory__item[aria-selected=true] .wp-inventory__icon{background:none}#shopify-section-test_hero .wp-inventory__item[aria-selected=true] .wp-inventory__art{filter:none}#shopify-section-test_hero .wp-inventory__item[aria-selected=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(var(--inventory-gold) 0 0) left top/12px 3px no-repeat,linear-gradient(var(--inventory-gold) 0 0) left top/3px 12px no-repeat,linear-gradient(var(--inventory-gold) 0 0) right top/12px 3px no-repeat,linear-gradient(var(--inventory-gold) 0 0) right top/3px 12px no-repeat,linear-gradient(var(--inventory-gold) 0 0) left bottom/12px 3px no-repeat,linear-gradient(var(--inventory-gold) 0 0) left bottom/3px 12px no-repeat,linear-gradient(var(--inventory-gold) 0 0) right bottom/12px 3px no-repeat,linear-gradient(var(--inventory-gold) 0 0) right bottom/3px 12px no-repeat;filter:drop-shadow(1px 1px 0 #1b2b45) drop-shadow(-1px -1px 0 #1b2b45)}#shopify-section-test_hero .wp-inventory__item:hover{background:#faedcb}#shopify-section-test_hero .wp-inventory__item:hover .wp-inventory__icon{background:none}#shopify-section-test_hero .wp-inventory__item:hover .wp-inventory__art{filter:none}#shopify-section-test_hero .wp-inventory__item:focus-visible{outline:2px solid #007bb8;outline-offset:2px}#shopify-section-test_hero .wp-inventory__details{grid-area:details;display:grid;min-width:0;margin:0;padding:6px 2px 0;border:0;border-top:1px solid #c8b995;background:none;color:#1b2b45}#shopify-section-test_hero .wp-inventory__detail{grid-area:1/1;display:flex;align-items:center;align-self:center;gap:8px;visibility:hidden;pointer-events:none;min-width:0;min-height:20px;padding:0}#shopify-section-test_hero .wp-inventory__detail[data-active=true]{visibility:visible;pointer-events:auto}#shopify-section-test_hero .wp-inventory__detail-icon{display:block;flex:none;width:20px;height:20px;max-width:none;aspect-ratio:1;margin:0;filter:none}#shopify-section-test_hero .wp-inventory__detail h3{flex:1;min-width:0;margin:0;padding:0;border:0;color:#1b2b45;font:600 clamp(13px,2.65cqi,16px)/1.3 "Archivo",sans-serif;letter-spacing:0;text-transform:none}#shopify-section-test_hero .wp-inventory__detail:focus-visible{outline:2px solid #007bb8;outline-offset:3px}#shopify-section-test_hero .wp-inventory-start{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-content:center;gap:4px;position:relative;width:100%;min-height:76px;margin:12px 0 0;padding:10px 12px 13px;background:linear-gradient(180deg,#ffe379,#ffd343);color:#1b2b45;border:3px solid #1b2b45;border-radius:2px;box-shadow:inset 0 3px #fff2ad,inset 0 -4px #cf941c,0 4px #080f20;text-decoration:none;transition:background .15s ease}#shopify-section-test_hero .wp-inventory-start__main{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}#shopify-section-test_hero .wp-inventory-start__label{font:400 34px/1 "Jersey 20",sans-serif;white-space:nowrap}#shopify-section-test_hero .wp-inventory-start__note{font:500 13px/1.3 Archivo,sans-serif;text-align:center;max-width:100%}#shopify-section-test_hero .wp-inventory-start__play{display:block;flex:none;width:36px;height:36px}#shopify-section-test_hero .wp-inventory-start__play img{display:block;width:100%;height:100%}#shopify-section-test_hero .wp-inventory-start:hover{background:linear-gradient(180deg,#ffeb99,#ffdc60)}#shopify-section-test_hero .wp-inventory-start:focus-visible{outline:3px solid #fff7de;outline-offset:3px}#shopify-section-test_hero .wp-inventory-start:active{background:#ffd343;box-shadow:inset 0 2px #cf941c,0 1px #080f20}@container role-menu (max-width:400px){#shopify-section-test_hero .wp-inventory{padding:18px 7px 7px}#shopify-section-test_hero .wp-inventory__badge{font-size:18px}#shopify-section-test_hero .wp-inventory__items{gap:3px}#shopify-section-test_hero .wp-inventory__item{min-height:56px;padding:5px 1px;gap:3px}#shopify-section-test_hero .wp-inventory__detail{gap:6px}#shopify-section-test_hero .wp-inventory__detail h3{font-size:13px}#shopify-section-test_hero .wp-inventory-start__label{font-size:30px}#shopify-section-test_hero .wp-inventory-start__note{font-size:12px}#shopify-section-test_hero .wp-inventory-start__play{width:32px;height:32px}}@container role-menu (max-width:310px){#shopify-section-test_hero .wp-inventory__items{gap:2px}#shopify-section-test_hero .wp-inventory__item-label{font-size:9px}#shopify-section-test_hero .wp-inventory__badge{font-size:17px}#shopify-section-test_hero .wp-inventory-start{padding-inline:8px}#shopify-section-test_hero .wp-inventory-start__main{gap:8px}}@media(max-width:989.98px){#shopify-section-test_hero .wp-hero__inner--cards{--role-menu-width:520px}#shopify-section-test_hero .wp-hero__inner--cards .wp-hero__cards,#shopify-section-test_hero .wp-role-menu{margin-inline:auto}}@media(prefers-reduced-motion:reduce){#shopify-section-test_hero .wp-inventory__art,#shopify-section-test_hero .wp-inventory__item,#shopify-section-test_hero .wp-inventory-start{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/wp-home-role-inventory.css.map */