@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700); /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.app-error{position:fixed;width:100%;height:100%;margin:auto;background-color:#d8d8d8;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/a5a43979221e8fa8dabce55aa69ee9d3.png?static-sf=RdO0Dp_InahzDQh_tQh10kwi8Iw1");background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:60% auto;font-family:Roboto}@media (max-width:640px){.app-error{background-position-y:bottom;background-size:auto 70%}}.app-error__header{background-color:#fff}.app-error__title{width:145px;height:30px;padding:5px 16px;background-color:#232323;color:#fff}.app-error__subtitle,.app-error__title{margin:50px auto auto;text-align:center}.app-error__subtitle{width:50%;padding:14px 23px;background-color:#fff;color:#232323;font-size:27px;text-transform:uppercase}@media (max-width:640px){.app-error__subtitle{width:90%}}.app-error__footer{position:absolute;bottom:50px;width:100%;color:rgba(35,35,35,.9);font-size:17px;text-align:center}@media (max-width:640px){.app-error__footer{font-size:15px}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.button{display:inline-block;height:42px;padding:5px 10px;border:0;-webkit-appearance:none;appearance:none;background-color:#f5b027;border-radius:3px;color:#fff;cursor:pointer;font-family:Roboto,Lato,sans-serif;font-size:1em;font-size:13px;-webkit-font-smoothing:antialiased;font-weight:600;font-weight:400;line-height:1;line-height:30px;text-align:center;text-decoration:none;transition:all 375ms;user-select:none;vertical-align:middle;white-space:nowrap}.button:active,.button:focus,.button:hover,.button:visited{background:#f6b93f;border-color:#f6b93f;color:#fff}.button:disabled{cursor:not-allowed;opacity:.5}.button:disabled:hover{background-color:#f5b027}.button.isDisabled{position:relative;overflow:visible;background:#b2b2b2;border-color:#989898;opacity:1}.button.isDisabled:focus,.button.isDisabled:hover{background:#b2b2b2;border-color:#989898}.button:focus{outline:0}.button--full{width:100%}@media (min-width:1024px){.button--full{width:auto}}.button--full:active,.button--full:hover,.button--full:visited{color:#fff}.button-edit{width:220px;max-width:100%;height:42px;padding:5px 40px;border:1px solid #989898;background-color:#fff;color:#232323;line-height:30px}.button-edit--small{min-width:auto;height:36px;padding:5px 20px;line-height:26px}@media (min-width:640px){.button-edit--small{width:140px;min-width:140px;height:40px;padding:5px 40px}}@media (max-width:640px){.button-edit{width:auto;line-height:24px;padding:5px 10px}}.button-edit:active,.button-edit:visited{border:1px solid #989898;background:#fff;color:#232323;outline:none}.button-edit:focus,.button-edit:hover{border:1px solid #232323;background:#232323;color:#fff;outline:none}.button-outline{position:absolute;right:20px;overflow:hidden;min-width:90px;height:35px;border:1px solid #989898;background:#fff;color:#232323;line-height:10px;outline:none}@media (min-width:1024px){.button-outline{right:30px}}.button-outline--big{display:inline-block;padding:0 40px}.button-outline:hover{border:1px solid #232323;background:#232323;color:#fff;outline:none}.button-outline:active,.button-outline:visited{border:1px solid #232323;background:#fff;color:#232323;outline:none}.button-outline--relative{position:relative;right:0}.button-outline--dark{background-color:#232323;border-color:#232323;color:#fff}.button-outline--dark:focus,.button-outline--dark:hover{background-color:#fff;border-color:#232323;color:#232323}.button-load{position:relative;overflow:hidden;padding:5px 10px;border:1px solid #989898;background:#fff;color:#232323;font-size:13px;font-weight:400;line-height:20px;outline:none;min-width:90px}.button-load .button__content{z-index:1;position:relative}.button-load .button__loader{position:absolute;background:#565656;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load.isLoading{border-color:#565656}.button-load.isAnimating .button__content{color:#fff}.button-load.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--promotion{position:absolute;right:0;height:30px}.button-load--promotionremove{position:absolute;right:30px;height:30px}.button-load--relative{position:relative;right:0}.button-load:hover{border:1px solid #232323;background:#232323;color:#fff;outline:none}.button-load:active,.button-load:visited{border:1px solid #232323;background:#232323;color:#fff;outline:none}.button-load--noActiveState:active,.button-load--noActiveState:visited{border:1px solid #232323;background:#fff;color:#232323;outline:none}.button-load--green{background:#5c9a03;border-color:#5c9a03;color:#fff;min-width:90px}.button-load--green .button__content{z-index:1;position:relative}.button-load--green .button__loader{position:absolute;background:#565656;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--green.isLoading{border-color:#565656}.button-load--green.isAnimating .button__content{color:#fff}.button-load--green.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--green:active,.button-load--green:focus,.button-load--green:hover,.button-load--green:visited{background:#7acc04;border-color:#7acc04}.button-load--cyan{min-width:90px}.button-load--cyan .button__content{z-index:1;position:relative}.button-load--cyan .button__loader{position:absolute;background:#565656;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--cyan.isLoading{border-color:#565656}.button-load--cyan.isAnimating .button__content{color:#fff}.button-load--cyan.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--cyan:active,.button-load--cyan:focus,.button-load--cyan:hover,.button-load--cyan:visited{border-color:#232323}.button-load--purple{min-width:90px}.button-load--purple .button__content{z-index:1;position:relative}.button-load--purple .button__loader{position:absolute;background:#565656;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--purple.isLoading{border-color:#565656}.button-load--purple.isAnimating .button__content{color:#fff}.button-load--purple.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--purple:active,.button-load--purple:focus,.button-load--purple:hover,.button-load--purple:visited{border-color:#232323}.button-load--paypal-full{background:#24516f;border-color:#24516f;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;min-width:90px}.button-load--paypal-full .button__content{z-index:1;position:relative}.button-load--paypal-full .button__loader{position:absolute;background:#377ba9;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--paypal-full.isLoading{border-color:#377ba9}.button-load--paypal-full.isAnimating .button__content{color:#fff}.button-load--paypal-full.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--paypal-full:active,.button-load--paypal-full:focus,.button-load--paypal-full:hover,.button-load--paypal-full:visited{background:#2a5f82;border-color:#2a5f82;color:#fff}.button-load--paypal-full span:last-child(){font-weight:700}.button-load--orange-full{background:#f5b027;border-color:#f5b027;color:#fff;min-width:90px}.button-load--orange-full .button__content{z-index:1;position:relative}.button-load--orange-full .button__loader{position:absolute;background:#f8cb70;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--orange-full.isLoading{border-color:#f8cb70}.button-load--orange-full.isAnimating .button__content{color:#fff}.button-load--orange-full.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--orange-full:active,.button-load--orange-full:focus,.button-load--orange-full:hover,.button-load--orange-full:visited{background:#f6b93f;border-color:#f6b93f;color:#fff}.button-load--yellow-full{background:#f9d821;border-color:#f9d821;color:#fff;min-width:90px}.button-load--yellow-full .button__content{z-index:1;position:relative}.button-load--yellow-full .button__loader{position:absolute;background:#fae153;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--yellow-full.isLoading{border-color:#fae153}.button-load--yellow-full.isAnimating .button__content{color:#fff}.button-load--yellow-full.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-load--yellow-full:active,.button-load--yellow-full:focus,.button-load--yellow-full:hover,.button-load--yellow-full:visited{background:#e1bf06;border-color:#e1bf06;color:#fff}.button-load--cyan-full{background:#0ab;border-color:#0ab;color:#fff;min-width:90px}.button-load--cyan-full .button__content{z-index:1;position:relative}.button-load--cyan-full .button__loader{position:absolute;background:#0ab;left:0;right:0;top:0;height:100%;width:100%;opacity:0}.button-load--cyan-full.isLoading{border-color:#0ab}.button-load--cyan-full.isAnimating .button__content{color:#fff}.button-load--cyan-full.isAnimating .button__loader{opacity:1;animation:button-load 2s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-transition:all 375ms;transition:all 375ms}.button-relative{position:relative}.button__tooltip{position:absolute;top:58px;right:0;left:0;display:block;height:auto;padding:15px 20px;border:1px solid #989898;background:#fff;color:#232323;font-weight:700;line-height:normal;white-space:normal}.button__tooltip:after,.button__tooltip:before{position:absolute;bottom:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}.button__tooltip:before{width:0;height:0;border-right:10px solid transparent;border-bottom:10px solid #2f2f2f;border-left:10px solid transparent;margin-left:-10px}.button__tooltip:after{width:0;height:0;border-right:9px solid transparent;border-bottom:9px solid #fff;border-left:9px solid transparent;margin-left:-9px}.button__icon{margin-right:5px;vertical-align:middle}.button-delete{position:absolute;top:0;right:0;display:inline-block;border:none;padding:8px 11px;background:none;border-radius:0;color:#d8d8d8;line-height:15px;outline:none;vertical-align:top}.button-delete:hover{background:#f2f2f2;color:#989898}.button-circle{width:40px;height:40px;border-radius:100%;color:#ccc;border:1px solid #ccc;background:#fff}.button-circle:hover{color:#989898;border-color:#989898;transition:border .3s}.button-rounded{border-radius:38px;padding:5px 20px;font-size:1.2em}@font-face{font-family:icomoon;src:url("https://secure.fnac.com/assets/static/fonts/icomoon.eot?static-sf=bbLwv1S7fc0N1KT6Q6MAu-5crC01");src:url("https://secure.fnac.com/assets/static/fonts/icomoon.eot?static-sf=bbLwv1S7fc0N1KT6Q6MAu-5crC01#iefix") format("embedded-opentype"),url("https://secure.fnac.com/assets/static/fonts/icomoon.ttf?static-sf=RTxJ0aRuKtt_uOjFHnWDvVFzgro1") format("truetype"),url("https://secure.fnac.com/assets/static/fonts/icomoon.woff?static-sf=JT_bVHlS8OjkAxKPcS-VzjS0Jo01") format("woff"),url("https://secure.fnac.com/assets/dist/react/authentication/aad2c9ce15739ed4ca8500662036c74d.svg?static-sf=sw4BNXIVvwD6sggv0ariFdpNToE1#icomoon") format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-i_001_youtube:before{content:"\e600"}.icon-i_002_twitter:before{content:"\e601"}.icon-i_003_view_more:before{content:"\e602"}.icon-i_004_video_games:before{content:"\e603"}.icon-i_005_tv:before{content:"\e604"}.icon-i_006_to_mosaic:before{content:"\e605"}.icon-i_007_to_list:before{content:"\e606"}.icon-i_008_tickets:before{content:"\e607"}.icon-i_009_suggestion:before{content:"\e608"}.icon-i_010_sales:before{content:"\e609"}.icon-i_011_search:before{content:"\e60a"}.icon-i_012_return_product:before{content:"\e60b"}.icon-i_013_whishlist:before{content:"\e60c"}.icon-i_014_rate_02:before{content:"\e60d"}.icon-i_015_rate_01:before{content:"\e60e"}.icon-i_016_quotes:before{content:"\e60f"}.icon-i_017_postal_card:before{content:"\e610"}.icon-i_018_photos:before{content:"\e611"}.icon-i_019_phone_02:before{content:"\e612"}.icon-i_020_phone_01:before{content:"\e613"}.icon-i_021_ocb:before{content:"\e614"}.icon-i_022_newsletter:before{content:"\e615"}.icon-i_023_musics:before{content:"\e616"}.icon-i_024_message:before{content:"\e617"}.icon-i_025_menu:before{content:"\e618"}.icon-i_026_map:before{content:"\e619"}.icon-i_027_location:before{content:"\e61a"}.icon-i_028_list:before{content:"\e61b"}.icon-i_029_kids:before{content:"\e61c"}.icon-i_030_it:before{content:"\e61d"}.icon-i_031_home:before{content:"\e61e"}.icon-i_032_geolocalisation:before{content:"\e61f"}.icon-i_033_dvd:before{content:"\e620"}.icon-i_034_disconnect:before{content:"\e621"}.icon-i_035_delivery:before{content:"\e622"}.icon-i_036_curved_arrow_01:before{content:"\e623"}.icon-i_037_cross_03:before{content:"\e624"}.icon-i_038_cross_02:before{content:"\e625"}.icon-i_039_cross_01:before{content:"\e626"}.icon-i_040_credit_card:before{content:"\e627"}.icon-i_041_coup_de_coeur:before{content:"\e628"}.icon-i_042_clock_02:before{content:"\e629"}.icon-i_043_clock_01:before{content:"\e62a"}.icon-i_044_check_02:before{content:"\e62b"}.icon-i_045_check_01:before{content:"\e62c"}.icon-i_046_calendar:before{content:"\e62d"}.icon-i_047_delivery_box:before{content:"\e62e"}.icon-i_048_books:before{content:"\e62f"}.icon-i_049_basket:before{content:"\e630"}.icon-i_050_audio:before{content:"\e631"}.icon-i_051_article_view:before{content:"\e632"}.icon-i_052_arrow_top_02:before{content:"\e633"}.icon-i_053_arrow_top_01:before{content:"\e634"}.icon-i_054_arrow_right_02:before{content:"\e635"}.icon-i_055_arrow_right_01:before{content:"\e636"}.icon-i_056_arrow_left_02:before{content:"\e637"}.icon-i_057_arrow_left_01:before{content:"\e638"}.icon-i_058_arrow_bottom_02:before{content:"\e639"}.icon-i_059_arrow_bottom_01:before{content:"\e63a"}.icon-i_060_alerts:before{content:"\e63b"}.icon-i_061_add_to_basket:before{content:"\e63c"}.icon-i_062_account:before{content:"\e63d"}.icon-i_063_logo_fnac:before{content:"\e63e"}.icon-i_064_google_plus:before{content:"\e63f"}.icon-i_065_facebook:before{content:"\e640"}.icon-i_066_card_member:before{content:"\e641"}.icon-i_067_Dialog:before{content:"\e642"}.icon-i_068_Alert:before{content:"\e643"}.icon-i_069_Back:before{content:"\e644"}.icon-i_070_BurgerProduct:before{content:"\e645"}.icon-i_071_Calendar:before{content:"\e646"}.icon-i_072_Cart:before{content:"\e647"}.icon-i_073_Check:before{content:"\e648"}.icon-i_074_Compare:before{content:"\e649"}.icon-i_075_Download:before{content:"\e64a"}.icon-i_076_Eye:before{content:"\e64b"}.icon-i_077_Facebook:before{content:"\e64c"}.icon-i_078_Gift:before{content:"\e64d"}.icon-i_079_GooglePlus:before{content:"\e64e"}.icon-i_080_Help:before{content:"\e64f"}.icon-i_081_HelpBis:before{content:"\e650"}.icon-i_082_iPadiPhone:before{content:"\e651"}.icon-i_083_Like:before{content:"\e652"}.icon-i_084_List:before{content:"\e653"}.icon-i_085_Localisation:before{content:"\e654"}.icon-i_086_Mail:before{content:"\e655"}.icon-i_087_MapMarker:before{content:"\e656"}.icon-i_088_MapMarkerLogo:before{content:"\e657"}.icon-i_089_Newsletter:before{content:"\e658"}.icon-i_090_Order:before{content:"\e659"}.icon-i_090_Paypal:before{content:"\e65a"}.icon-i_091_Pictures:before{content:"\e65b"}.icon-i_092_Play:before{content:"\e65c"}.icon-i_093_Profil:before{content:"\e65d"}.icon-i_094_Reload:before{content:"\e65e"}.icon-i_095_Search:before{content:"\e65f"}.icon-i_096_Share:before{content:"\e660"}.icon-i_097_Star:before{content:"\e661"}.icon-i_098_Tickets:before{content:"\e662"}.icon-i_099_Versus:before{content:"\e663"}.icon-i_100_voucher:before{content:"\e664"}.icon-i_101_bubble_talk:before{content:"\e665"}.icon-i_102_check_03:before{content:"\e666"}.icon-i_103_sortBy:before{content:"\e667"}.icon-i_105_home_kitchen:before{content:"\e668"}.icon-i_106_relay:before{content:"\e669"}.icon-i_107_dislike:before{content:"\e66a"}.icon-i_108_plus:before{content:"\e66b"}.icon-i_109__minus:before{content:"\e66c"}.icon-i_110_Heart_Empty:before{content:"\e66d"}.icon-i_111_lock:before{content:"\e66e"}.icon-i_112_Fnac_Store:before{content:"\e66f"}.icon-i_113_Retrait_1H:before{content:"\e670"}.icon-i_114_checkbox:before{content:"\e671"}.icon-i_115_checkbox_check:before{content:"\e672"}.icon-i_116_arobase:before{content:"\e673"}.icon-i_117_lock:before{content:"\e674"}.icon-i_118_oops:before{content:"\e675"}.icon-i_119_Heart_Full:before{content:"\e676"}.icon-i_120_MapMarker:before{content:"\e677"}.icon-i_121_Alert:before{content:"\e678"}.icon-i_122_Dot:before{content:"\e679"}.icon-i_123_Cross:before{content:"\e67a"}.icon-i_124_trash:before{content:"\e67b"}.icon-i_125_clock_04:before{content:"\e67c"}.icon-i_126_Fnac_Card_Back:before{content:"\e67d"}.icon-i_127_Fnac_Card:before{content:"\e67e"}.icon-i_128_Fnac_Fnac_Store:before{content:"\e67f"}.icon-i_129_Fnac_Call_Center:before{content:"\e680"}.icon-i_130_Fnac_Money_Back:before{content:"\e681"}.icon-i_131_fnac-confiance:before{content:"\e682"}.icon-i_132_certified-sellers:before{content:"\e683"}.icon-i_133_edit:before{content:"\e684"}.icon-i_134_MapMarker_02:before{content:"\e685"}.icon-i_135_delivery_02:before{content:"\e686"}.icon-i_136_instagram:before{content:"\e687"}.icon-i_137_pinterest:before{content:"\e688"}.icon-i_138_linkedin:before{content:"\e689"}.icon-i_139_MapMarker_03:before{content:"\e68a"}.icon-i_140_suggestion_02:before{content:"\e68b"}.icon-i_141_horloge:before{content:"\e68c"}.icon-i_142_livre:before{content:"\e68d"}.icon-i_143_ticketing:before{content:"\e68e"}.icon-i_144_expressplus:before{content:"\e68f"}.icon-i_145_Dialog:before{content:"\e690"}.icon-i_146_panier-3:before{content:"\e691"}.icon-i_147_camion2:before{content:"\e692"}.icon-i_148_Fnac_Package:before{content:"\e693"}.icon-i_150_Fnac_Call_Center:before{content:"\e695"}.icon-i_152_Fnac_Star_Empty:before{content:"\e696"}.icon-i_153_Fnac_Tickets:before{content:"\e697"}.icon-i_154_tags:before{content:"\e698"}.icon-i_155_tool:before{content:"\e699"}.icon-i_156_booknote:before{content:"\e69a"}.icon-i_157_cheques:before{content:"\e69b"}.icon-i_158_arrow_right_fat:before{content:"\e69c"}.icon-i_159_toto:before{content:"\e69d"}.icon-i_160_starbasket:before{content:"\e69e"}.icon-i_161_tablet:before{content:"\e69f"}.icon-i_162_ebookreader:before{content:"\e6a0"}.icon-i_163_smartphone:before{content:"\e6a1"}.icon-i_164_desktop:before{content:"\e6a2"}.icon-i_165_express_plus:before{content:"\e6a3"}.icon-i_165_pastille_moins5:before{content:"\e6a4"}.icon-i_166_plane:before{content:"\e6a5"}.icon-i_167_phone_in:before{content:"\e6a6"}.icon-i_168_phone_out:before{content:"\e6a7"}.icon-i_169_user_tie:before{content:"\e6a8"}.icon-i_170_truck:before{content:"\e6a9"}.icon-i_171_return_and_after_sale:before{content:"\e6aa"}.icon-i_172_ticket_large:before{content:"\e6ab"}.icon-i_173_partner_sellers:before{content:"\e6ac"}.icon-i_174_scooter:before{content:"\e6ad"}.icon-i_149_Fnac_RelaisColis:before{content:"\e900"}.icon-i_175_gift:before{content:"\e901"}.icon-i_191_card_fnacplus:before{content:"\e902"}.icon-i_192_Fnac_card-adherent:before{content:"\e903"}.icon-i_193_Fnac_delivery:before{content:"\e904"}.icon-i_194_Fnac_Card_PT:before{content:"\e905"}.icon-i_195_ampoule:before{content:"\e906"}.icon-i_196_books:before{content:"\e907"}.icon-i_197_fnacplus:before{content:"\e908"}.icon-i_198_gift:before{content:"\e909"}.icon-i_199_livraisongratuite:before{content:"\e90a"}.icon-i_200_venteflash:before{content:"\e90b"}.icon-i_201_darty:before{content:"\e90c"}.icon-i_202_10euro:before{content:"\e90d"}.icon-i_203_blackfriday:before{content:"\e90e"}.icon-i_204_magasin:before{content:"\e90f"}.icon-i_205_afficher:before{content:"\e910"}.icon-i_206_cacher:before{content:"\e911"}.icon-i_207_kids:before{content:"\e912"}.icon-i_208_pro:before{content:"\e913"}.icon-i_210_minus:before{content:"\e914"}.icon-i_211_plus:before{content:"\e915"}.icon-i_212_fnacphoto:before{content:"\e916"}.icon-i_213_woman:before{content:"\e917"}.icon-i_215_baby:before{content:"\e918"}.icon-i_216_shoe:before{content:"\e919"}.icon-i_217_bag:before{content:"\e91a"}.icon-i_218_pourcentage:before{content:"\e91b"}.icon-i_218_retailstore:before{content:"\e91c"}.icon-i_219_resell:before{content:"\e91d"}.icon-i_220_retailstore:before{content:"\e91e"}.icon-i_221_download-1clic:before{content:"\e91f"}.icon-i_222_available-circle:before{content:"\e920"}.icon-i_223_unavailable-circle:before{content:"\e921"}.icon-i_224_soon-circle:before{content:"\e922"}.icon-i_225_store:before{content:"\e923"}.icon-i_226_laboFnac:before{content:"\e924"}.icon-i_227_wifi:before{content:"\e925"}.icon-i_228_heart:before{content:"\e926"}.icon-i_229_musicnote:before{content:"\e927"}.icon-i_230_synchro-deezer:before{content:"\e928"}.icon-i_231_ticket:before{content:"\e929"}.icon-i_232_filters:before{content:"\e92a"}.icon-i_233_cineSeries:before{content:"\e92b"}.icon-i_233_photo:before{content:"\e92c"}.icon-i_234_fnacEvents:before{content:"\e92d"}.icon-i_235_highTech:before{content:"\e92e"}.icon-i_236_jeuxVideo:before{content:"\e92f"}.icon-i_237_kids:before{content:"\e930"}.icon-i_238_livres:before{content:"\e931"}.icon-i_239_maisonCuisine:before{content:"\e932"}.icon-i_240_musique:before{content:"\e933"}.icon-i_241_sortir:before{content:"\e934"}.icon-i_261_exit:before{content:"\e935"}.icon-i_260_arrow:before{content:"\e936"}.icon-i_262_helpMedium:before{content:"\e937"}.icon-i_242_sport:before{content:"\e938"}.icon-i_243_bricoJardin:before{content:"\e939"}.icon-i_244_heart:before{content:"\e93a"}.icon-i_245_casierFacture:before{content:"\e93b"}.icon-i_263_euroSquared:before{content:"\e93c"}.icon-i_246_devis:before{content:"\e93d"}.icon-i_247_QandA:before{content:"\e93e"}.icon-i_248_wishlist:before{content:"\e93f"}.icon-i_249_settings:before{content:"\e940"}.icon-i_250_Retrait_2H:before{content:"\e941"}.icon-i_251_smile:before{content:"\e942"}.icon-i_252_pro:before{content:"\e943"}.icon-i_253_rules:before{content:"\e944"}.icon-i_254_devis:before{content:"\e945"}.icon-i_255_lock:before{content:"\e946"}.icon-i_256_marker_spain:before{content:"\e947"}.icon-i_258_event:before{content:"\e948"}.icon-i_259_pin:before{content:"\e949"}.icon-i_264_barcodeSquared:before{content:"\e94a"}.icon-i_265_exitSquared:before{content:"\e94b"}.icon-i_266_noel2018:before{content:"\e94c"}.icon-i_267_info:before{content:"\e94d"}.icon-i_268_heart-plus:before{content:"\e94e"}fieldset{padding:0;border:0;margin:0;background-color:transparent}legend{padding:0}label,legend{margin-bottom:.375em;font-weight:600}label{display:block}input,select,textarea{display:block;height:32px;border:1px solid #d8d8d8;border-radius:3px;font-family:Roboto,Lato,sans-serif;font-size:14px}@media (max-width:640px){input,select,textarea{font-size:16px}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:not([type]),textarea{width:100%;box-sizing:border-box;padding:.5em;margin-bottom:.75em;appearance:none;border-radius:3px;transition:border-color 375ms ease}[type=color]:hover,[type=date]:hover,[type=datetime-local]:hover,[type=datetime]:hover,[type=email]:hover,[type=month]:hover,[type=number]:hover,[type=password]:hover,[type=search]:hover,[type=tel]:hover,[type=text]:hover,[type=time]:hover,[type=url]:hover,[type=week]:hover,input:not([type]):hover,textarea:hover{border-color:#adadad}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:not([type]):focus,textarea:focus{border-color:#989898;box-shadow:none;outline:none}[type=color]:disabled,[type=date]:disabled,[type=datetime-local]:disabled,[type=datetime]:disabled,[type=email]:disabled,[type=month]:disabled,[type=number]:disabled,[type=password]:disabled,[type=search]:disabled,[type=tel]:disabled,[type=text]:disabled,[type=time]:disabled,[type=url]:disabled,[type=week]:disabled,input:not([type]):disabled,textarea:disabled{background-color:#f2f2f2;cursor:not-allowed}[type=color]:disabled:hover,[type=date]:disabled:hover,[type=datetime-local]:disabled:hover,[type=datetime]:disabled:hover,[type=email]:disabled:hover,[type=month]:disabled:hover,[type=number]:disabled:hover,[type=password]:disabled:hover,[type=search]:disabled:hover,[type=tel]:disabled:hover,[type=text]:disabled:hover,[type=time]:disabled:hover,[type=url]:disabled:hover,[type=week]:disabled:hover,input:not([type]):disabled:hover,textarea:disabled:hover{border:1px solid #d8d8d8}[type=color]::placeholder,[type=date]::placeholder,[type=datetime-local]::placeholder,[type=datetime]::placeholder,[type=email]::placeholder,[type=month]::placeholder,[type=number]::placeholder,[type=password]::placeholder,[type=search]::placeholder,[type=tel]::placeholder,[type=text]::placeholder,[type=time]::placeholder,[type=url]::placeholder,[type=week]::placeholder,input:not([type])::placeholder,textarea::placeholder{color:#7b7b7b}textarea{resize:vertical}[type=checkbox],[type=radio]{display:inline;margin-right:.375em}[type=file]{width:100%;margin-bottom:.75em}select{width:100%;margin-bottom:.75em}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100%;background:#f2f2f2}body,html,ol,ul{padding:0;margin:0}ol,ul{list-style-type:none}dl,dt{margin:0}dt{font-weight:600}dd,figure{margin:0}img,picture{margin:0;max-width:100%}table{border-collapse:collapse;margin:.75em 0;table-layout:fixed;width:100%}th{border-bottom:1px solid #a2a2a2;font-weight:600;text-align:left}td,th{padding:.75em 0}td{border-bottom:1px solid #d8d8d8}td,th,tr{vertical-align:middle}body{color:#232323;font-family:Roboto,Lato,sans-serif;line-height:1.5}body,label{font-size:1em}h1,h2,h3,h4,h5,h6{margin:0 0 .75em;font-family:Roboto,Lato,sans-serif;font-weight:300;line-height:1.2}p{margin:0 0 .75em}a{color:#232323;text-decoration:none;transition:color 375ms ease}a:active,a:focus,a:hover{color:#989898}hr{border:0;border-bottom:1px solid #d8d8d8;margin:1.5em 0}.error{color:red;font-weight:700}.notification{margin-top:10px;font-size:16px}.valid{color:#5c9a03} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.modal__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;text-align:center}@media (max-width:1024px){.modal__overlay{background-color:rgba(11,11,11,.7);overflow-y:auto}}@media (max-width:640px){.modal__overlay{background-color:rgba(11,11,11,.7);overflow-y:auto}}@media (min-width:640px){.modal__overlay{background-color:rgba(11,11,11,.7)}}.modal__overlay:before{display:inline-block;height:100%;content:"";vertical-align:middle}.modal__content{position:relative;z-index:10045;display:inline-block;width:100%;max-width:1000px;max-height:80%;padding:20px;border:0;margin:0 auto;background:#fff;border-radius:0;outline:none;text-align:left;vertical-align:middle}.modal__content--noSpace{padding:0}.modal__close{position:absolute;z-index:1;padding:0;background-color:transparent;color:#989898}.modal__close:hover{background-color:transparent;color:#777}@media (max-width:640px){.modal__close{top:25px;right:25px}}@media (min-width:640px){.modal__close{top:10px;right:15px}}.e-custom-checkbox__input{display:none}LABEL.e-custom-checkbox__label{position:relative;margin-right:15px;margin-bottom:0;padding-left:25px;cursor:pointer;font-size:13px;font-weight:400;line-height:20px}.e-custom-checkbox__label:before{position:absolute;top:2px;left:0;display:inline-block;width:16px;height:16px;content:"";border:1px solid #d8d8d8;background:#fff}.e-custom-checkbox__label:after{position:absolute;top:5px;left:3px;display:inline-block;width:10px;height:10px;content:"";background:#fff}.e-custom-checkbox__input:checked+.e-custom-checkbox__label:after{background:#f5b027} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.c-radio__input{display:none}.c-radio{position:relative;display:inline-block;padding-left:30px;margin-bottom:20px}.c-radio__label{margin-right:10px;color:#777;cursor:pointer;font-size:14px;font-weight:300}.c-radio__label:before{position:absolute;top:1px;left:0;width:20px;height:20px;border:1px solid #d8d8d8;border-radius:50%;content:"";cursor:pointer}.c-radio__label:after{position:absolute;top:2px;left:1px;width:18px;height:18px;border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}.c-radio__label:hover:after{background:#d8d8d8}.c-radio__input:checked~.c-radio__label:before{background:#f5b027}.e-title{text-transform:uppercase;font-size:18px;margin-bottom:10px}@media (min-width:1024px){.e-title{margin-top:20px;font-size:22px;margin-bottom:0}}.e-subtitle{margin-top:20px;text-transform:uppercase;font-size:18px;color:#777}@media (min-width:1024px){.e-subtitle{font-size:22px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{display:inline-block;width:24px;height:24px;margin-top:3px;margin-left:7px;animation:spin .7s linear infinite;border-radius:50%;border:4px solid #f2f2f2;border-top-color:#f5b027}.logo__fnac-plus{height:19px;text-indent:-9999px;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/01b7b61a954dd3bb9bf3d6faabc0d1bd.png?static-sf=IN-1hXUfEetCX8xYXkwdFKk-RtA1");background-size:80px;margin-bottom:10px}.logo__fnac-plus,.stars{display:inline-block;width:80px}.stars{position:relative;height:20px;font-family:icomoon!important;color:#989898}.stars:before{content:"\E60E\E60E\E60E\E60E\E60E";color:#989898}.stars__active{position:absolute;left:0;top:0}.stars__active:before{position:absolute;left:0;overflow:hidden;width:100%;height:20px;content:"\E60E\E60E\E60E\E60E\E60E";color:#1565c0}.tooltip{max-width:300px;padding:15px!important;border-left:5px solid #2ac3ee;border-radius:0!important;box-shadow:1px 1px 2px 1px rgba(0,0,0,.2)!important;font-size:13px;opacity:1!important}.tippy-popper{pointer-events:inherit!important}.tippy-popper .tippy-tooltip.light-theme,.tippy-tooltip{max-width:300px;padding:15px!important;border-left:5px solid #2ac3ee;background:#fff;border-radius:0!important;box-shadow:1px 1px 2px 1px rgba(0,0,0,.2)!important;font-size:13px;text-align:left}.tippy-popper .tippy-tooltip.detail-theme{min-width:300px}.tippy-popper .tippy-tooltip.detail-theme .arrow-regular{border-bottom:7px solid rgba(0,0,0,.1)!important}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */body>img{display:none}body>iframe{display:none}::selection{background:#efbb35;color:#fff}::-moz-selection{background:#efbb35;color:#fff}#api-error-message{position:fixed;z-index:999;width:100%;padding:20px;background:#000;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);color:red;font-size:12px}.header,.Header-kiss .Header,.loginHeader{display:block}.Overlay{z-index:100}.fnac-loader{display:none}.app__container{display:table;width:100%;max-width:1280px;padding:50px 10px 10px;margin:0 auto;background:#f2f2f2;table-layout:fixed}@media (min-width:1024px){.app__container{height:1px;min-height:960px;padding:20px}}.app__container.app__container--banner{padding-top:88px}@media (min-width:1024px){.app__container.app__container--banner{padding-top:80px}}.app__container-onepage--mobileapp{padding-top:0}.app__loader{position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background:rgba(11,11,11,.8)}.app__loader .rai-activity-indicator{background:none}.page{margin-top:80px}@media (min-width:1024px){.page{margin-top:70px}}.app__container--mobileapp .page{margin-top:40px}.app__container--banner .page{margin-top:90px}.page__shipping{margin-top:0}@media (min-width:1024px){.page__shipping{margin-top:70px}}.app__container--mobileapp .page__shipping{margin-top:10px}.page__billing,.page__shipping-home{margin-top:0}@media (min-width:1024px){.page__shipping-home{margin-top:70px}}.page__shipping-calendar{position:relative;min-height:90vh}.page__summary{position:relative;width:100%}@media (min-width:1024px){.page__summary{position:fixed;top:110px;right:20px;left:auto;width:320px}}@media (min-width:1300px){.page__summary{left:calc(50% + 300px)}}.page__content{position:relative;width:100%}@media (min-width:1024px){.page__content{padding-top:15px;padding-right:350px}}.page__content--full{padding-right:0}@media (min-width:1024px){.page__content--basket{padding-top:40px;padding-right:350px}}.ReactModal__Body--open{overflow:hidden}@media (max-width:640px){.ReactModal__Body--open{position:fixed}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.loginHeader{height:70px;background:#000;text-align:center}.loginHeader__logo{display:inline-block;width:70px;height:70px;background:#000 url("https://secure.fnac.com/assets/dist/react/authentication/9dce7bb76b955b9e42f8be5149437b2f.jpg?static-sf=rggsbufXo9C1n4Q31qqIkyaV3co1") no-repeat 50%}.loginHeader__img{text-align:center}.loginHeader__img img{max-width:100%;padding:0 20px;margin:5% 0}.loginBackground{height:auto;min-height:100%;background-attachment:fixed;background-color:#f2f2f2}.loginBackground--DigiCopy{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/384b83d2fda832e30750b1c1558e9cc6.jpg?static-sf=5VHduyTb8YEfpEtYBn82aB0Vx4A1");background-position:top}.loginBackground--CanalPlay{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/6242e157a6c50acf361830f357536e94.png?static-sf=Tu9OH3dqyQvEWGk81kIvn7alPXc1");background-position:top;background-repeat:repeat;background-size:100%}.loginBackground--FnacPlay{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/910d92f40143145451d300bd16b2cd83.jpg?static-sf=TaYDL_VFj2tXAldSwJbg-dIEu4s1");background-position:top}.loginBackground--assistant .mainWrapper__connexion{padding-top:0}.loginBackground--Enrollment .header,.loginBackground--Enrollment .Header-kiss{display:none}.loginBackground--Enrollment .mainWrapper__connexion{padding-top:0}.legacy .Main-marketingHeader,.legacy .SlideNav-toggler{display:none}.legacy .button,.legacy [type=submit],.legacy input,.legacy select,.legacy textarea{display:initial;height:auto;padding:initial;border-radius:initial;text-decoration:initial;transition:initial;vertical-align:initial;white-space:normal}.legacy .Shutter-btn{height:auto}.mainWrapper__connexion{max-width:500px;padding-top:130px;margin:0 auto}.mainWrapper__connexion.isEligibleGuest{max-width:760px}.loginBackground--DigiCopy .mainWrapper__connexion,.loginBackground--FnacPlay .mainWrapper__connexion{padding:0}.loginBackground--OrderPipe .mainWrapper__connexion,.loginBackground--OrderPipeMembership .mainWrapper__connexion,.loginBackground--WebMobile .mainWrapper__connexion{padding-top:41px}@media (min-width:1024px){.loginBackground--OrderPipe .mainWrapper__connexion,.loginBackground--OrderPipeMembership .mainWrapper__connexion,.loginBackground--WebMobile .mainWrapper__connexion{padding-top:130px}}.container__fnacConnect{display:table-footer-group;width:50%;padding-right:0;margin:0 auto}@media (min-width:640px){.container__fnacConnect{display:table-cell;width:100%;vertical-align:top}}.isSelfCheckout .container__fnacConnect{display:block;width:100%!important;padding-right:0!important}.mainWrapper__connexion--socialConnect{max-width:760px}.mainWrapper__connexion--socialConnect .container__fnacConnect{width:50%;padding-right:32px}.mainContainer__association,.mainContainer__reauth,.mainContainer__signin,.mainContainer__signup{display:table;width:100%;max-width:380px;padding:32px;margin:0 auto;background:#fff;font-size:0}@media (min-width:640px){.mainContainer__association,.mainContainer__reauth,.mainContainer__signin,.mainContainer__signup{width:100%;max-width:none}}.mainContainer__association:after,.mainContainer__reauth:after,.mainContainer__signin:after,.mainContainer__signup:after{display:block;height:0;clear:both;content:".";line-height:0;visibility:hidden}.isSelfCheckout .mainContainer__association,.isSelfCheckout .mainContainer__reauth,.isSelfCheckout .mainContainer__signin,.isSelfCheckout .mainContainer__signup{width:calc(100% - 6px);max-width:inherit;padding-bottom:0;padding-left:50px;margin:0 3px}.mainContainer__legal{display:table-row;width:100%}@media (max-width:640px){.mainContainer__legal{max-width:380px;margin:0 auto}}.signup-form__field{position:relative;margin-bottom:40px}.signup-form__label{padding:.5em 0;border:dashed #d8d8d8;border-width:0 0 1px;color:#989898;cursor:pointer;font-size:16px;font-weight:300;line-height:20px}.signup-form__label .icon{float:right}.signup__birthDate__birth-field{position:relative;width:100%;margin-bottom:40px;float:left}.signup__birthDate__birth-day,.signup__birthDate__birth-month{width:30%;margin-right:5%;float:left}.signup__birthDate__birth-year{width:30%;border-width:0 0 1px;float:left}.signup-form__container .signup-form__field{width:50%;max-height:32px;padding:0 10px 0 0;float:left}.signup-form__container .signup-form__field:nth-child(2n){padding:0 0 0 10px}.signup-form__containerFull{width:100%;float:none}.signup-form__container:after{display:block;clear:both;content:" "}.signup-form__field--full{width:100%!important;float:none!important}.signup-form__checkbox,.signup-form__radio{margin-bottom:20px}.input-material__field{padding-right:0;box-shadow:inset 0 0 0 30px #fff}.input__fieldLabelAnnotate{display:block;margin:-24px 0 16px 32px;color:#989898;font-size:12px}.button__fieldContainer .button__continue,.button__fieldContainer .button__signin,.button__fieldContainer .button__signup{display:block;width:100%;height:auto;padding:8px 16px;margin-bottom:16px;background:#232323;outline:none}.isSelfCheckout .button__fieldContainer .button__continue,.isSelfCheckout .button__fieldContainer .button__signin,.isSelfCheckout .button__fieldContainer .button__signup{background:#f5b027}.button__fieldContainer .button__continue:focus,.button__fieldContainer .button__continue:hover,.button__fieldContainer .button__signin:focus,.button__fieldContainer .button__signin:hover,.button__fieldContainer .button__signup:focus,.button__fieldContainer .button__signup:hover{opacity:.9}.button__fieldContainer .button__continue:disabled,.button__fieldContainer .button__signin:disabled,.button__fieldContainer .button__signup:disabled{background-color:#d8d8d8;opacity:1}.button__fieldContainer .button__skip{display:block;width:100%;height:auto;padding:8px 16px;border:1px solid #232323;margin:0 auto 10px;background:#fff;color:#232323;outline:none}.reveal{position:absolute;z-index:1;top:0;right:0;height:32px;color:#d8d8d8;cursor:pointer;font-size:20px;line-height:32px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.header{position:fixed;z-index:50;top:0;left:0;overflow:hidden;width:100%;height:41px;padding:6px;border-bottom:1px solid #f2f2f2;background:#fff;box-shadow:0 1px 1px #d8d8d8}@media (min-width:1024px){.header{position:absolute;height:auto;padding:0}}.header--banner{height:88px;padding:0}.header--banner .header__content{padding:6px}@media (min-width:1024px){.header--banner{height:auto}}@media (min-width:1024px){.header__content{max-width:1280px;padding:10px 20px;margin:0 auto}}.header__back{position:absolute;top:0;left:0;width:40px;height:40px;border-right:1px solid #d8d8d8;color:#989898;line-height:40px;text-align:center}.header--banner .header__back{top:48px}@media (min-width:1024px){.header__back{display:none}}.header__back-icon{position:relative;display:inline-block;width:30px;text-align:center;transform:rotate(180deg)}.header__icon{display:inline-block;width:70px;height:28px;margin-left:45px;background:url("https://secure.fnac.com/assets/dist/react/authentication/5ff8011894009b02c29a5f498d1ddbec.svg?static-sf=EsIKQpJbHI2DMzLw1-j3PpL4q7k1") no-repeat;background-size:70px;text-indent:-9999px}@media (min-width:1024px){.header__icon{width:145px;height:60px;margin-left:0;background-position:left 2px;background-size:contain}}.header--pro .header__icon{width:123px;background:url("https://secure.fnac.com/assets/dist/react/authentication/184adc5e8139a28917aa63a82dee4c04.svg?static-sf=gMCzFCq4GSkT7XxB0GNQZD15j901") no-repeat 0/contain}@media (min-width:1024px){.header--pro .header__icon{width:188px}}.header__breadcrumb{position:relative;display:inline-block;float:right}.header__breadcrumb:before{position:absolute;z-index:0;top:12px;right:0;left:0;height:1px;background:#d8d8d8;content:""}.header__breadcrumb:after{display:none}@media (min-width:1024px){.header__breadcrumb:after{position:absolute;z-index:0;top:15px;right:70%;left:0;display:block;height:1px;background:#989898;content:""}.header__breadcrumb:after--short{right:40%}}.header__breadcrumb--step2:after{right:25%}.header__breadcrumb--step2--short:after{right:40%}.header__breadcrumb--step3:after{right:0}@media (min-width:1024px){.header__breadcrumb{position:absolute;left:50%;width:300px;margin:5px auto 0 -150px;float:none}.header__breadcrumb:before{top:15px;left:10px}.header__breadcrumb--short:before{width:60%}}.header__breadcrumb-item{position:relative;z-index:1;display:inline-block;width:20px;height:20px;margin-left:40px;background:#d8d8d8;border-radius:100%;color:#fff;font-size:12px;line-height:20px;text-align:center}.header__breadcrumb-item:hover{background:#989898}.header__breadcrumb-item:first-child{margin-left:0}.header__breadcrumb-item--active{background:#989898}.header__breadcrumb-item a{color:#fff}@media (min-width:1024px){.header__breadcrumb-item{width:30px;height:30px;margin-left:calc(35% - 45px);line-height:30px}.header__breadcrumb--basket .header__breadcrumb-item{margin-left:calc(50% - 45px)}.header__breadcrumb-item--short{margin-left:calc(35% - 45px)}.header__breadcrumb--basket .header__breadcrumb-item--short{margin-left:calc(50% - 10px)}.header__breadcrumb-item:first-child{margin-left:0}}.header__breadcrumb-label{display:none}@media (min-width:1024px){.header__breadcrumb-label{position:absolute;top:0;left:50%;display:block;width:150px;padding-top:30px;margin-left:-75px;color:#989898}}.header__disclaimer{display:none;padding-right:4px;color:#333;float:right;font-size:12px;line-height:1.5em}@media (min-width:1200px){.header__disclaimer{display:block}}.header__disclaimer-icon{margin-top:-10px;margin-right:10px;float:left;font-size:50px}.header__disclaimer-title{font-size:14px;font-weight:700}.header__disclaimer-phone{position:relative;cursor:help;font-size:18px;font-weight:700}.header__disclaimer-phone:hover:after{position:absolute;z-index:1;top:22px;right:0;padding:3px;border:1px solid #333;background:#fff;color:#333;content:attr(data-descr);font-size:11px;font-weight:300;white-space:nowrap}.header__disclaimer-phoneTxt{margin-left:3px;color:grey;font-size:11px}.header__disclaimer-link{color:#9d9d9d}.header__disclaimer-link:focus,.header__disclaimer-link:hover{color:#777;text-decoration:underline} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.backLink{display:none;padding-left:10px;margin-top:16px;color:#989898;cursor:pointer;font-size:12px}@media (min-width:760px){.backLink{padding-left:0}}@media (min-width:640px){.backLink{display:block}}.backLink__icon{font-size:9px;vertical-align:middle} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.tabChoice{max-width:380px;border-bottom:1px solid #d8d8d8;margin:0 auto;background:#f2f2f2}@media (min-width:640px){.tabChoice{max-width:none}}.tabChoice:after{display:table;clear:both;content:""}.tabChoice__item{width:50%;float:left;font-size:16px;text-align:center}@media (min-width:640px){.tabChoice__item{width:auto}}.tabChoice__itemLink{display:block;padding:16px 0;color:#232323}@media (min-width:640px){.tabChoice__itemLink{padding:16px 32px}}.tabChoice__itemLink:hover{color:inherit;text-decoration:none}.tabChoice__itemLink--active{box-shadow:inset 0 -5px 0 #232323;cursor:default;font-weight:700} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */@keyframes rai-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rai-spinner{position:relative;width:40px;height:40px;margin:0}.rai-spinner-inner,.rai-spinner-outer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%}.rai-spinner-outer{border:4px solid #f2f2f2;opacity:.2}.rai-spinner-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-right:4px solid transparent!important;border-bottom:4px solid transparent!important;border-left:4px solid transparent!important;animation-duration:inherit;animation-iteration-count:infinite;animation-name:rai-spinner;animation-timing-function:linear;border-color:#f5b027;border-top:4px solid #f5b027;border-radius:100%} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.c-title-label{font-size:14px}.radio__input{display:none}.radio{position:relative;display:inline-block;margin-bottom:20px}.radio__label{padding-left:30px;margin-right:20px;margin-bottom:0;color:#232323;cursor:pointer;font-size:14px;font-weight:300}.radio__label:before{position:absolute;top:1px;left:0;width:20px;height:20px;border:1px solid #d8d8d8;border-radius:50%;content:"";cursor:pointer}.radio__label--medium .radio__label:before{width:24px;height:24px}.radio__label:after{position:absolute;top:2px;left:1px;width:18px;height:18px;border:3px solid #fff;border-radius:50%;content:"";cursor:pointer;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease}.radio__label.radio__label--medium:before{width:24px;height:24px}.radio__label.radio__label--medium:after{width:22px;height:22px}.radio__label:hover:after{background:#d8d8d8}.radio__input:checked~.radio__label:before,.radio__input:checked~.radio__label:hover:after{background:#f5b027}.checkbox--error__label{position:absolute;top:40px;font-size:11.2px}.checkbox--error__label--cgv{top:auto;margin-top:5px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.select{position:relative}.select__field{width:100%;height:32px;padding:2px 20px 2px 0;border:0;border-bottom:1px solid #d8d8d8;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTUgMTguNmw1LjItNy4xIDQuOCA3LjFINXptMTAgMi44bC00LjggNy4xTDUgMjEuNGgxMHoiLz48L3N2Zz4=) no-repeat 100%;background-size:16px;border-radius:0;box-shadow:none;color:#232323;font-size:14px;font-weight:300;outline:0;transition:border-color 375ms ease}.select__field:hover{border-color:#adadad}.input--error .select__field:hover{border-color:#d4180e}.input--valid .select__field:hover{border-color:#5c9a03}.select__field:focus{border-color:#989898;box-shadow:none;outline:none}.select--error .select__field{border-bottom-color:#d4180e}.select--valid .select__field{border-bottom-color:#5c9a03}.select__field:disabled{background-color:#f2f2f2;cursor:not-allowed}.select__field:disabled:hover{border:1px solid #d8d8d8}.select__field--birthdate:disabled{background-color:inherit}.select__field--birthdate:disabled:hover{border:none;border-bottom:1px solid #d8d8d8} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.input-material{position:relative}.input-material__field{position:relative;z-index:1;height:auto;padding:7px 15px 2px 0;border:0;border-bottom:1px solid #d8d8d8;background-color:transparent;border-radius:0;color:#232323;font-size:16px;line-height:22px}.input-material__field[type=number]{padding:7px 0 2px}.input-material__field::-webkit-input-placeholder{opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.input-material__field::-moz-placeholder{opacity:0;transition:all .2s ease}.input-material__field:-ms-input-placeholder{opacity:0;transition:all .2s ease}.input-material__field:-moz-placeholder{opacity:0;-moz-transition:all .2s ease}.input-material__field:focus::-webkit-input-placeholder{opacity:1}.input-material__field:focus::-moz-placeholder{opacity:1}.input-material__field:focus:-ms-input-placeholder{opacity:1}.input-material__field:focus:-moz-placeholder{opacity:1}.input-material__field:-webkit-autofill{box-shadow:inset 0 0 0 30px #fff;color:#232323}.input--filled .input-material__field~.input-material__label,.input--readOnly .input-material__field~.input-material__label,.input--valid .input-material__field~.input-material__label,.input-material__field:focus~.input-material__label{position:absolute;z-index:1;top:-9px;font-size:11px}.input--error .input-material__field{border-bottom-color:#d4180e!important}.input--readOnly .input-material__field,.input--valid .input-material__field,.input-material__field:-webkit-autofill~.input-material__label{border-bottom-color:#5c9a03}.input-material__field--amount{width:50px;padding-right:10px;text-align:right}.input-material__label{position:absolute;z-index:0;top:5px;left:0;color:#232323;font-size:14px;font-weight:300;transition:.2s ease}.input-material--error__label{position:absolute;top:38px;color:#d4180e;font-size:11.2px}.input-material__search{position:absolute;z-index:2;top:32px;right:0;left:0;background:#f2f2f2;color:#232323;cursor:pointer;font-size:12px}.input-material__search-item{padding:5px}.input-material__search-item:hover{background-color:#d8d8d8}.input-material__icon{position:absolute;top:0;right:0;color:#d8d8d8;font-size:16px;line-height:32px}input[type=number]:disabled:hover{border:none} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.isEligibleGuest .container__guest{width:100%;vertical-align:top}@media (min-width:1024px){.isEligibleGuest .container__guest{padding-left:32px}}.guest__help-icon{margin-left:5px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.container__socialConnect{display:table-header-group}@media (min-width:640px){.container__socialConnect{display:table-cell;width:50%;padding-left:32px;vertical-align:top}}.isSelfCheckout .container__socialConnect{display:table-footer-group}.container__link_auth{display:block;margin-top:20px}.container__guest hr{margin:10px auto 25px}.button__social{position:relative;width:100%;height:40px;padding:0;border:1px solid #d8d8d8;margin-bottom:1em;background:#fff}.button__social:active,.button__social:focus,.button__social:hover,.button__social:visited{background:#fff;border-color:#d8d8d8}.button__social:focus{outline:0}.button__social--facebook{color:#3b5998}.button__social--facebook:active,.button__social--facebook:focus,.button__social--facebook:hover,.button__social--facebook:visited{color:#3b5998}@media (max-width:639px){.button__social--facebook{background:#3b5998;border-color:#3b5998;color:#fff}}.button__social--google{background:#fff;color:#777}.button__social--google:active,.button__social--google:focus,.button__social--google:hover,.button__social--google:visited{color:#777}@media (max-width:639px){.button__social--google{background:#f2f2f2}}.button__social--disabled{opacity:.5;pointer-events:none}.button__social--disabled:before{position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";cursor:default;cursor:not-allowed}.button__social--guest{color:#232323}.button__social--guest:active,.button__social--guest:focus,.button__social--guest:hover,.button__social--guest:visited{color:#232323}.button__socialIcon{position:absolute;top:-1px;left:-1px;display:block;width:40px;height:40px;background:no-repeat 50%;background-size:18px;border-radius:3px}.button__socialIcon--facebook{background-color:#3b5998;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/23809eb5620b964c4976b588f0fae28b.svg?static-sf=6dxcNKFcrIOb9SSnSAZooLcBtZw1");color:#fff}@media (max-width:639px){.button__socialIcon--facebook{background-color:transparent}}.button__socialIcon--google{border:1px solid #989898;background-color:#f2f2f2;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/f92dde7897b110c6aa12d0a122aa3ebf.svg?static-sf=H6Bz5U3_-9WgwsK6MNy9AYASWB81")}@media (max-width:639px){.button__socialIcon--google{border:0;background-color:transparent}}.button__socialText{padding:1em 0}@media (min-width:640px){.button__socialText{padding-left:40px}}.input__legend{color:#989898;font-size:13px}.input__legend--desktop{display:none}.container__guest .input__legend--desktop{display:inline-block}@media (min-width:640px){.input__legend--desktop{display:inline-block}}.input__legend--error{padding:5px 10px;border:1px solid #d8d8d8;border-left:3px solid #d4180e;margin-bottom:35px;color:#d4180e}.separator__WrapperMobile{width:100%;height:30px}.separator__WrapperMobile .separator__Container{position:relative;min-height:0;border-bottom:1px solid #d8d8d8;text-align:center}.separator__WrapperMobile .separator__Libelle{top:-15px;left:auto} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.separator__wrapper{position:relative;display:table-row-group;margin:30px 0}@media (min-width:640px){.separator__wrapper{display:table-cell}}.isEligibleGuest .separator__wrapper{display:block}@media (min-width:640px){.isEligibleGuest .separator__wrapper{display:table-cell}}.isSelfCheckout .separator__wrapper{position:static;display:block;width:40px;height:1px;margin:10px 0 20px;background:#d8d8d8}.separator__wrapper--hide{display:none}.separator__container{position:relative;top:20px;right:auto;left:auto;border:0;border-top:1px solid #d8d8d8;text-align:center}@media (min-width:640px){.separator__container{position:absolute;top:0;right:0;bottom:0;left:50%;border-left:1px solid #d8d8d8}}.isSelfCheckout .separator__container{display:none}.separator__libelle{position:relative;top:-20px;right:0!important;left:0!important;display:inline-block;width:30px;height:30px;border:1px solid #d8d8d8;margin:20px 0 0;background:#f2f2f2;border-radius:50%;color:#989898;font-size:11px;line-height:30px;text-align:center;transform:translateX(0) translateY(-50%)}@media (min-width:640px){.separator__libelle{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}}.separator__wrapper--mobile{width:100%;height:30px}.separator__wrapper--mobile .separator__container{position:relative;min-height:0;border-bottom:1px solid #d8d8d8;text-align:center}.separator__wrapper--mobile .separator__libelle{top:-15px;left:auto} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.checkbox{margin-bottom:20px}.checkbox__input{display:none}.checkbox__label{position:relative;display:inline-block;padding-left:30px;color:#232323;cursor:pointer;font-size:14px}.checkbox--light .checkbox__label{font-size:13px;font-weight:400}.checkbox__input~.checkbox__label:before,.checkbox__label:after{position:absolute;top:0;left:0;display:block;content:""}.checkbox__input~.checkbox__label:before{width:20px;height:20px;border:1px solid #d8d8d8}.checkbox__label:after{width:12px;height:12px;margin:4px;background-color:#fff;transition:background-color .3s}.checkbox__label:hover:after{background-color:#d8d8d8}.checkbox__input:checked~.checkbox__label:after{background-color:#f5b027}.checkbox__input~.checkbox__label-xsmall.checkbox__label{padding-left:18px}.checkbox__input~.checkbox__label-xsmall.checkbox__label:before{top:2px;width:12px;height:12px}.checkbox__label-xsmall.checkbox__label:after{top:2px;width:6px;height:6px;margin:3px;background-color:#fff;transition:background-color .3s}.checkbox__input~.checkbox__label-small.checkbox__label:before{width:16px;height:16px}.checkbox__label-small.checkbox__label:after{width:8px;height:8px;margin:4px;background-color:#fff;transition:background-color .3s} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.legalTerms__radio-container .radio{margin-bottom:10px}.legalTerms__radio-container .radio__input{height:20px}.legalTerms__radio-container .radio__label{padding-left:20px;color:#989898;font-size:11px;font-weight:400}.legalTerms__radio-container .radio__label:before{width:16px;height:16px;border-radius:0}.legalTerms__radio-container .radio__label:after{width:14px;height:14px;border:2px solid #fff;border-radius:0}.legalTerms__radio-container .input--error__label{display:block;font-size:11px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.legalTerms{padding:20px;color:#989898;font-size:11px;line-height:15px}@media (min-width:640px){.legalTerms{padding:30px 0}}.legalTerms+.legalTerms{padding-top:0}.legalTerms .checkbox{display:inline-block;margin:0}.legalTerms .checkbox .checkbox__label{padding-left:20px;margin:0;color:inherit;font-size:inherit}.legalTerms .checkbox .checkbox__label:after,.legalTerms .checkbox .checkbox__label:before{top:-1px;display:inline-block;width:16px;height:16px}.legalTerms .checkbox .checkbox__label:after,.legalTerms .checkbox:checked .checkbox__label:after{width:10px;height:10px;margin:3px}.isSelfCheckout .legalTerms{padding-left:50px}.legalTerms__br{display:block;margin:10px 0;content:"";line-height:10px}.legalTerms__bold-text{font-weight:700}.legalTerms--newsLetters{padding:20px 0 0}.legalTerms--hidden{display:none}.legalTerms__link{color:#232323;cursor:pointer;text-decoration:underline}.legalTerms__label{font-weight:400} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.password-checker__wrapper{margin-bottom:14px}.password-checker__title{margin:0;font-size:11px;font-weight:700;line-height:1.7}.password-checker__rule{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#989898;font-size:11px;line-height:1.8}.password-checker__rule:before{display:inline-block;width:15px;height:15px;border:1px solid #989898;margin-right:7px;border-radius:50%;content:""}.password-checker__rule--valid{color:#5c9a03}.password-checker__rule--valid:before{border:none;content:url("https://secure.fnac.com/assets/dist/react/authentication/3d0ac71432f9a8db9ece9cba656d9ff5.svg?static-sf=95S_un7xoxhYd8FuPQsA_tiKEy41")}.password-checker__required{font-style:italic}.password-checker__level--weak{color:#d4180e}.password-checker__level--average{color:#f5b027}.password-checker__level--strong{color:#5c9a03}.password-checker__meter{display:block;width:100%;height:8px;margin:5px 0}.password-checker__meter,.password-checker__meter::-webkit-meter-bar{background:none;background-color:#d8d8d8}.password-checker__meter,.password-checker__meter::-webkit-meter-bar,.password-checker__meter::-webkit-meter-optimum-value{border-radius:5px}.password-checker__meter::-moz-meter-bar{border-radius:5px}.password-checker__meter[value="1"]::-webkit-meter-optimum-value{background:#d4180e}.password-checker__meter[value="2"]::-webkit-meter-optimum-value{background:#f5b027}.password-checker__meter[value="4"]::-webkit-meter-optimum-value{background:#5c9a03}.password-checker__meter[value="1"]::-moz-meter-bar{background:#d4180e}.password-checker__meter[value="2"]::-moz-meter-bar{background:#f5b027}.password-checker__meter[value="4"]::-moz-meter-bar{background:#5c9a03}.password-checker__note{min-height:32px;color:#989898;font-size:11px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.email__validation-error{color:#d4180e;font-size:11.2px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.mainContainer__signup{display:table;max-width:380px;padding:32px;margin:0 auto;background:#fff}@media (min-width:640px){.mainContainer__signup{max-width:none}}.mainContainer__signup:after{display:block;height:0;clear:both;content:".";line-height:0;visibility:hidden}.mainContainer__signup .input__container input[name=password]{border:0;border-bottom:1px solid #d8d8d8}.signup-form__title{margin-bottom:30px;color:#232323;font-size:16px;font-weight:700}.signup-form__title--fnacpro{margin-bottom:10px;color:#232323;font-size:16px;font-weight:700}.signup-form__title--highlight{margin-bottom:30px;color:#f5b027;font-size:16px;font-weight:700}.signup-form__titleAnnotate{padding-left:.5em;color:#989898;font-size:.8em;font-style:normal;font-weight:400}.signup-form__subtitle{margin-bottom:30px;color:#232323;font-size:15px;font-style:normal;font-weight:400;line-height:1.5}.signup__membership{margin-bottom:30px}.button__signup:disabled{opacity:.5}.button__signup:disabled:hover{background-color:#232323} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.signup-form__children-add{display:block;width:100%;margin-bottom:10px;background:none;color:#232323;text-align:center}.signup-form__children-add:focus{outline:none}.signup-form__children-remove{height:10px;padding:0;background:none;color:#777;float:right;font-size:10px;line-height:10px}.signup-form__children-list{display:block}.signup-form__children-item{display:block;padding:20px;border:1px solid #d8d8d8;margin-bottom:10px;border-radius:3px}.signup-form__children-item .signup__birthDate__birth-field{margin-bottom:0}.signup-form__children-name{display:inline-block;width:47%;margin-right:3%} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */#signup-form__input{display:none}.signup-form__document-number{text-transform:uppercase}.signup__loader{text-align:center;padding:25px;width:50px;margin:25px auto auto}.loader__wrapper{position:relative}.loader__wrapper:before{content:"";background-color:rgba(0,0,0,.7);left:0;right:0;bottom:0;top:0;position:fixed;z-index:2}.loader__icon{left:50%;margin-left:-20px;margin-top:-20px;position:fixed;top:50%;z-index:3} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.canalplayBanner{width:100%;height:75px;background:url("https://secure.fnac.com/assets/dist/react/authentication/80880af25a80d75d1fb6cf42a7147ef3.svg?static-sf=f-_a3xJA6eDVQ-I5U0M1YgVw3iQ1") 50% no-repeat #000;background-size:265px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.input__label{font-size:14px}.input{margin-bottom:20px}.input,.input .input__container{-webkit-transform:none;-moz-transform:none;-o-transform:none}.input .input__container{position:relative}.input .input__container .input__field:focus,.input .input__container .input__field:hover{border:1px solid #f5b027}@media (max-width:640px){.input .input__field{height:32px}}.input--error .input__field,.input--error .select__field{border-bottom:1px solid #d4180e}.global-error{min-height:20px;margin-bottom:15px;color:#d4180e;font-size:.8em;line-height:1.1em}.signin-form--error input{border:1px solid #d5291f!important}.input--error__label{min-height:20px;color:#d4180e;font-size:11.2px;line-height:1.1em}.input--valid .input__container .input__field,.input--valid .input__container .input__field:focus,.input--valid .input__container .input__field:hover{border:1px solid #5c9a03}.input--icon .input__icon{position:absolute;top:50%;left:10px;color:#989898;font-size:.8em;transform:translateY(-50%)}.input--icon .input__field{padding-left:30px}@media (max-height:359px),(max-width:359px){.captcha__container{transform:scale(.85);transform-origin:0;max-width:256px;margin:0 auto}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.signin-form__field{position:relative;margin-bottom:40px}.signin-form__field.signin-form__field--linked{margin-bottom:30px}.signin-form__field.signin-form__field--linked .input{margin-bottom:10px}.input-material__field:-webkit-autofill~.input-material__label{position:absolute;z-index:1;top:-9px;font-size:11px}.signin-form__field--cgv{padding:10px 0 0;margin-bottom:0!important}.signin-form__field--password{margin-bottom:20px}.signin-form__link{font-size:12px}.signin-form__link:focus,.signin-form__link:hover{text-decoration:underline}.signin-form__field--birthday{height:28px}.signin-form__checkbox,.signin-form__radio{margin-bottom:20px}.checkbox__label{font-weight:400}.input-material__label{z-index:1;overflow:hidden;width:100%;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.link_auth{display:block;color:#989898;font-size:13px;text-align:center;text-decoration:underline}.link_auth:hover{text-decoration:none}.g-recaptcha iframe{display:block} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.ReactModal__Body--open{position:relative} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.modal__content--selfcheckout{padding:20px;color:#232323;font-family:Roboto;text-align:center}.modal__content--selfcheckout h1{font-size:18px;font-weight:700;line-height:18px;text-align:center}.modal__content--selfcheckout p{font-size:15px;line-height:15px}.modal__content--selfcheckout .selfcheckout__logoPayandGoSmall{width:72px;height:auto;margin:0 8px}@media (max-width:640px){.modal__content--selfcheckout{width:90%;padding:14px;border-radius:6px}.modal__content--selfcheckout .modal__close{top:-40px;right:0;color:#fff;font-size:16px}}@media (max-width:640px){.modal__content--selfcheckout{width:90%;padding:14px;border-radius:6px}.modal__content--selfcheckout .modal__close{top:-40px;right:0;color:#fff;font-size:16px}.modal__content--selfcheckoutFullScreen{top:5%;width:100%;height:90%;padding:14px;border-radius:6px 6px 0 0}.modal__content--selfcheckoutFullScreen .modal__close{top:-40px;right:15px;color:#fff;font-size:16px}.carouselTuto__item{position:relative;padding:0 21px 70px;text-align:center}.carouselTuto__title{font-size:18px;font-weight:700;text-align:center;text-transform:uppercase}.carouselTuto__legend{position:absolute;bottom:10px;width:calc(100% - 42px);height:38px;font-size:15px;text-align:center}.carouselTuto__button{width:calc(100% - 42px);margin:0 21px}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.global-modal{overflow:auto;max-height:80%}.global-modal__close__icon{font-size:1.3em}.global-modal__content{padding:30px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.selfcheckout__steps{padding-right:20px;display:table-cell;vertical-align:middle}.selfcheckout__steps li{width:8px;height:8px;margin-bottom:20px;background:#232323;border-radius:6px}.selfcheckout__steps li:last-child{margin-bottom:0}.selfcheckout__steps li.active,.selfcheckout__steps li.checked{background:#5c9903} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.selfcheckout__header-container{position:relative;display:table;height:120px}.selfcheckout__header-background{width:100%;height:150px;padding:10px;background:#f5b027}.payandgo-logo--large{width:100px;height:20px;margin:auto;background:url("https://secure.fnac.com/assets/dist/react/authentication/628623198b5d338728fd9ece07853660.svg?static-sf=MAhc4k9AwpwIs5uRV6NIq6ybYTM1") no-repeat 50%;background-size:90px auto}.selfcheckout__header-content{display:table-cell;margin:0 50px;color:#fff;vertical-align:middle}.selfcheckout__header-title{max-width:260px;margin:0;font-size:23px;font-weight:300;line-height:1.2em}.selfcheckout__header-label{font-size:13px;font-weight:400} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.splashscreen-background{position:fixed;z-index:999;width:100%;height:100%;background:url("https://secure.fnac.com/assets/dist/react/authentication/ffb48731c3b93300bec95238006c73cb.png?static-sf=wl_RELD-m5BXOCPFSZhZ6c-64841") no-repeat 50%;background-color:#232323;background-size:450px 900px}.splashscreen-background .selfcheckout__button{display:block;width:100%;height:46px;margin:20px auto 0;font-size:15px}.splashscreen-background .selfcheckout__button--light{display:block;width:100%;height:20px;padding:0;border:0;margin:20px auto;text-align:center;text-decoration:underline}.splashscreen-wrapper{position:absolute;top:35px;width:100%}.splashscreen--buttons-wrapper{position:absolute;bottom:0;width:80%;margin:0 10% 35px}.payandgo-logo{position:fixed;left:50%;width:146px;height:103px;margin-left:-73px;background:url("https://secure.fnac.com/assets/dist/react/authentication/e985812fcf077929dda5c88431066275.svg?static-sf=3Hz-5D7zhZYKkdI8JGzs14LUiMQ1") no-repeat 50%}.selfcheckout__logoPayandGoSmall{height:10px;margin:0}.splashscreen-content{width:80%;padding:20px 0;margin:100px 10% 0;color:#fff;text-align:center}.splashscreen-title{margin-bottom:24px;font-size:20px;font-weight:700;line-height:24px}.splashscreen-content__detail{display:flex;margin-bottom:10px}.splashscreen-content__detail:last-child{margin-bottom:0}.splashscreen-content__detail .splashscreen-content__detail-icon__wrapper{margin-right:10px;font-size:34px}.splashscreen-content__detail .splashscreen-content__detail-label__wrapper{font-size:15px;line-height:22px;text-align:left}.splashscreen-content__detail .splashscreen-content__detail-label{padding-right:8px}.splashscreen-drawer{position:absolute;bottom:-24px;width:100%;height:60px;background:#fff;border-radius:10px}.splashscreen-content__openTuto{display:block;text-decoration:underline} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.selfcheckout__options{position:fixed;bottom:33px;left:20px;font-size:22px}.selfcheckout__options li{margin-bottom:16px;line-height:1em}.selfcheckout__options li:last-child{margin-bottom:0}.selfcheckout__icon--exit{color:#989898}.selfcheckout__icon--help{font-weight:700} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.selfcheckout__container{min-height:calc(100vh - 160px);margin:5px;background:#fff;color:#232323;position:relative}.selfcheckout__panel{position:relative}.selfcheckout__text,.selfcheckout__text--big,.selfcheckout__text--margin{padding:0;margin:0;font-size:13px;font-weight:400;line-height:18px;text-align:left}.selfcheckout__text--margin{margin-top:10px}.selfcheckout__text--big{font-size:15px;font-weight:600;line-height:20px}.selfcheckout__title{padding-top:20px;margin-top:0;margin-bottom:10px;color:#232323;font-size:18px;font-weight:700;line-height:24px;text-align:left;text-transform:uppercase}.selfcheckout__separator{width:40px;height:1px;margin:15px 0;background-color:#9e9e9e}.selfcheckout__button,.selfcheckout__button--black,.selfcheckout__button--bottom,.selfcheckout__button--light,.selfcheckout__button--light-black{display:inline-block;min-width:180px;height:46px;min-height:20px;padding:10px 25px;border:none;margin-top:50px;background-color:#f5b027;border-radius:5px;box-shadow:none;color:#fff;font-size:15px;line-height:20px;outline:none;text-decoration:none}.selfcheckout__button--black:active,.selfcheckout__button--black:focus,.selfcheckout__button--bottom:active,.selfcheckout__button--bottom:focus,.selfcheckout__button--light-black:active,.selfcheckout__button--light-black:focus,.selfcheckout__button--light:active,.selfcheckout__button--light:focus,.selfcheckout__button:active,.selfcheckout__button:focus{opacity:.8;outline:none}.selfcheckout__button--black:disabled,.selfcheckout__button--bottom:disabled,.selfcheckout__button--light-black:disabled,.selfcheckout__button--light:disabled,.selfcheckout__button:disabled{background:#d8d8d8!important;cursor:not-allowed;opacity:1}.selfcheckout__button--large{width:100%;height:40px;padding:10px;border:1px solid #d8d8d8;margin-top:20px;background-color:#fff;border-radius:5px;font-size:13px;line-height:20px;text-align:left}.selfcheckout__button--large.selfcheckout__button--light{margin:10px 0 13px;background-color:transparent;border:1px solid #232323;border-radius:3px;color:#232323;text-align:center}.selfcheckout__button--large.selfcheckout__button--light:active,.selfcheckout__button--large.selfcheckout__button--light:focus,.selfcheckout__button--large.selfcheckout__button--light:hover{color:#000}.selfcheckout__button--bottom{margin-top:40px;width:100%}.selfcheckout__button--light{border:1px solid #fff;margin-top:20px;background-color:transparent}.selfcheckout__button--black{width:100%;margin-top:20px;background-color:#232323;color:#fff}.selfcheckout__button--light-black{border:1px solid #232323;margin:10px 0 13px;background-color:transparent;border-radius:3px;color:#232323;text-align:center}.selfcheckout__button--light-black:active,.selfcheckout__button--light-black:focus,.selfcheckout__button--light-black:hover{color:#000}.selfcheckout__button--inline{display:inline-block;width:auto;min-width:110px;margin:10px 0 0}.modal-buttons{display:flex;justify-content:space-between}.modal-buttons .selfcheckout__button--inline{display:inline-block;width:48%;min-width:110px;margin:10px 0 0} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.loginBackground--MobileApp .header--MobileApp{display:none}.isApplication .appMobile-header{position:relative;z-index:51;background-color:#f5b027}.isApplication .appMobile-header-title{padding:26.5px 0 0;margin:0 34px 10px;color:#fff;font-size:25px;font-weight:300;line-height:28px}.isApplication .appMobile-header-subtitle{padding:0 0 34px;margin:10px 34px 0;color:#fff;font-size:13px}.isApplication .header__back-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg)}.isApplication.mainWrapper__connexion{padding:0} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.isApplication .appMobile__container{min-height:calc(100vh - 160px);margin:5px;background:#fff;color:#232323}.isApplication .appMobile__container .container__fnacConnect{display:block;width:100%;padding:0;color:#f5b027}.isApplication .appMobile__container .container__socialConnect,.isApplication .appMobile__container .separator__wrapper{display:block;width:100%}.isApplication .appMobile__container .legalTerms{background-color:#f2f2f1}.isApplication .appMobile__container .button__signin{background-color:#f5b027}.isApplication .isMobileApp.mainWrapper__connexion{padding:0} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.isApplication .mainContainer__signin{display:flex;flex-direction:column;flex-wrap:wrap}.isApplication .mainContainer__signin .container__fnacConnect{width:100%;order:1;padding:0}.isApplication .mainContainer__signin .separator__wrapper{display:none}.isApplication .mainContainer__signin .container__link_auth{order:2}.isApplication .mainContainer__signin .container__socialConnect{order:3;padding:0}.isApplication .mainContainer__signin .container__personnalDataLink{display:block;order:4;color:#989898;font-size:13px;text-align:center;text-decoration:underline;position:absolute;bottom:10px;width:calc(100% - 80px)}.isApplication .mainContainer__signin .button__signin{background:#f5b027}.isApplication.isOrderPipe{padding-top:46px;margin:0 5px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.isApplication .container__socialConnect{width:100%}.isApplication .button__social--facebook{background:#3b5998;color:#fff}.isApplication .button__social--google{background:#f2f2f2}.isApplication .button__socialIcon{position:static;display:inline-block;background-size:inherit;vertical-align:top}.isApplication .button__socialText{position:static;display:inline-block;padding:0;line-height:40px;vertical-align:top}.isApplication .button__socialIcon{border:none;margin-left:5px;background-color:initial}.isApplication .button__socialIcon.button__socialIcon--facebook{width:65px;margin-top:-2px;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/29a93455c1cea43d8fb2e186c21cc9d0.svg?static-sf=MrvcOUqKtbPwotuEFPcsppKtdtw1")}.isApplication .button__socialIcon.button__socialIcon--google{width:49px;margin-top:-1px;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/206560dc9ef4372f28f0723361a71bb8.svg?static-sf=0NEg-C36JXOeCu8gB86iT_xviEI1")} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.mainContainer__fnacassociation{display:block;max-width:380px;padding:32px;margin:0 auto;background:#fff;font-size:0}@media (min-width:640px){.mainContainer__fnacassociation{max-width:none}}.signup-association__title{font-size:24px;font-weight:700;text-align:center}@media (min-width:640px){.signup-association__title{font-size:28px}}.signup-association__paragraphe{margin-bottom:40px;font-size:16px;text-align:center}.signin-association__container{width:100%;margin:0 auto}@media (min-width:640px){.signin-association__container{width:60%}}.signin-association__container .input-material__label{z-index:1;overflow:hidden;width:100%;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.signin-association__container .button__signup{white-space:normal}.signin-association__container .button__signup:disabled{opacity:.5}.signin-association__container .button__signup:disabled:hover{background-color:#232323}.signup-association__icon{display:inline-block;width:33px;height:12px;background:url("https://secure.fnac.com/assets/dist/react/authentication/008351e38ae021637bdb0879e7af9dc4.svg?static-sf=7ZQ5cnuKWSgTBRQ9611368vpZBg1") no-repeat;vertical-align:middle} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.selfcheckout__phone-form{padding:30px 20px 20px 50px}.selfcheckout__phone-form .input--filled .input-material__field{margin-bottom:0;border-width:0 0 1px;background:none;border-bottom-color:#5c9a03}.selfcheckout__phone-form .input-material__field:disabled{color:#232323}.selfcheckout__phone-terms{margin-top:50px}.selfcheckout__label{font-size:14px;line-height:16px}.selfcheckout__separator{margin-top:40px}.selfcheckout__messageValidated{margin:0 0 30px;color:#5c9a03;font-size:11px;position:relative;top:-15px}.selfcheckout__icon-arrow{margin-right:2px;float:right;font-size:16px;font-weight:700}.selfcheckout__link_sendCode{display:block;margin-top:20px;color:#989898;font-size:15px;text-align:center;text-decoration:underline}.signup-birthdate__title{margin-bottom:30px;font-size:18px;font-weight:700;text-align:center}@media (min-width:640px){.signup-birthdate__title{font-size:21px}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.input--crypto .input__field,.input--crypto .input__field:focus,.input--crypto .input__field:hover{border-color:#f5b027}.input--error .input--crypto .input__field,.input--error .input--crypto .input__field:focus,.input--error .input--crypto .input__field:hover{border-color:#d4180e}.input--valid .input--crypto .input__field,.input--valid .input--crypto .input__field:focus,.input--valid .input--crypto .input__field:hover{border-color:#5c9a03}.input--crypto .input--error__label{position:absolute;top:40px;right:0;display:block;width:auto;color:#d4180e;font-size:12px;text-align:right} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.ccv-modal-modal__content{width:100%;max-width:420px;padding:50px}.ccv-modal__card{position:relative;height:140px;margin:15px 0;background-image:url("https://secure.fnac.com/assets/dist/react/authentication/789e601cfc9f28e8f8361a1c0d9deaf9.png?static-sf=7_ZDmzw_OPZxIzvDsBsp88CvU3s1");background-position:50%;background-repeat:no-repeat;background-size:contain}.ccv-modal__field{position:absolute;top:33%;right:20%;width:80px}.ccv-modal__text{margin-top:10px;color:#232323;font-size:13px;font-weight:700}.ccv-modal__cta,.ccv-modal__text{text-align:center} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.footer{position:relative;z-index:10;padding:20px;margin-top:50px;background:#5f5f5f}@media (min-width:1024px){.footer{padding:0;margin-top:20px}}@media (max-width:640px){.footer{padding:5px 20px}}.footer__container{margin:0 auto;max-width:1280px}.footer__container:after{content:" ";display:block;clear:both}.footer__col{padding:10px 0 30px;border-bottom:1px solid #989898;margin:10px auto}.footer--pro .footer__col{width:280px}.footer__col:last-child{border:0}@media (min-width:640px){.footer__col{padding:10px 0;border-bottom:0}.footer--pro .footer__col,.footer__col{width:50%;float:left}}@media (min-width:1024px){.footer__col{width:25%;float:left;padding:15px 30px;border-right:1px solid #989898;border-bottom:0;margin:40px 0}.footer--pro .footer__col{width:20%}}@media (max-width:640px){.footer__col{padding:10px 35px 20px}}@media (min-width:1024px){.footer__col--PT{display:inline-block;width:33%;padding-left:60px;float:none}}.footer__item-icon{margin-right:20px;font-size:35px}.footer__text{display:block;padding-top:5px;padding-left:85px;color:#fff;font-size:14px}.footer--pro .footer__text{white-space:nowrap}@media (min-width:1024px){.footer__text{padding-left:0}}.footer__text-sub{display:block;padding-left:85px;color:#d8d8d8;font-size:13px}@media (min-width:1024px){.footer__text-sub{padding-left:0}}.footer__item{cursor:pointer;outline:none}.footer__item:active,.footer__item:focus{outline:none}.footer__item-icon{width:50px;height:50px;margin-right:15px;background:no-repeat 50%/100% auto;color:#fff;float:left}.footer__item-icon--payment{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/436b88938e84396583ce0c9c4d1b1591.svg?static-sf=6sPMyh4TDRzUc0YuNV0qMoq9xSk1");background-size:auto 50px}.footer__item-icon--refund{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/60f48a7632bcb88b8f9803d4b756097d.svg?static-sf=PGwBXSRZcUnu1bQ1PQ9vudlOzls1");background-size:90% auto}.footer__item-icon--help{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/227e247cd47a01e9d0c16b695baeac8a.svg?static-sf=XLzangL4PlhAwgftCa7R85Ve4RQ1");background-size:auto 50px}.footer__item-icon--shipping{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/991f3fdce0a139e3d9261c919b030c15.svg?static-sf=YSrtugKAaYAxUrkeFbNovFrKq-A1")}.footer__item-icon--partner{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/ffc16b75a5854b4c7084a381ad43ab71.svg?static-sf=hvmKJqSTPPZM_yFQisnJfWLLg8Q1")}.footer__item-icon--store{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/a0cdb3d087b990b7e8fc487f67736415.svg?static-sf=dUOLY7xWeMcobsSpoEZea-r24Z81")}.footer__item-icon--satisfaction{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/4f8947f36e2db4e87e4af301021834ed.svg?static-sf=Vp47vnx0LFBtuq2VlBKIsCgOiow1")}.footer__item-icon--advice{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/0263bba6d2a9263ab3f2565c0154273a.svg?static-sf=i01TswhMZiqd8QxUtgrW2GSMCgI1")}.footer__item-icon--tailored{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/6063bb449c8ccc3bea3eb68b3bee0d26.svg?static-sf=GfefqhDA4s8YMAkv9ItH5Qi2YUg1")}.footer__item-icon--quotation{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/578fe9f62946822fb115cdb36f358527.svg?static-sf=NEul_XYBYLQfgSoRsNjESLlkBD41")}.footer__item-icon--secured{background-image:url("https://secure.fnac.com/assets/dist/react/authentication/53731c7e129d8f36e77047b748c68a79.svg?static-sf=3LLSvkaVmW9Y-yw60rpnNkbTnNo1")}@media (max-width:640px){.footer__item-icon{background-size:67% auto}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.oty__container{min-height:calc(100vh - 160px);padding:10px;background:#f2f2f2}.oty__wrapper{position:relative;width:100%;padding:30px 20px;margin-top:20px;background:#fff}.oty__wrapper.oty__wrapper--green-border{border-left:5px solid #3cb879}.oty__wrapper.oty__wrapper--red-border{border-left:5px solid #dd1e35}.oty__wrapper .oty__icon--red{margin-left:-5px;color:#dd1e35}.oty__wrapper.oty__wrapper--header{text-align:center}.oty__wrapper .oty__wrapper__title{display:block;padding-left:20px;margin:-10px 0 18px;font-size:18px;font-weight:700;line-height:24px}.oty__wrapper .oty__wrapper__title--red{color:#dd1e35}.oty__wrapper .oty__wrapper__title .icon{margin-right:5px}.oty__wrapper .oty__wrapper__title .oty__wrapper__titleTxt{display:inline-block;color:#5c9903}.oty__wrapper .oty__wrapper__title .oty__wrapper__titleTxtLeft{text-align:left}.oty__wrapper .oty__wrapper__title .selfcheckout__logoPayandGoSmall--oty{width:85px;margin-left:5px}.oty__wrapper .oty__wrapper__titleCheck{display:block;width:100%;margin-bottom:10px;text-align:center}.oty__wrapper .oty__wrapper__titleCheck--green{margin-left:5px;color:#5c9903;font-size:17px;text-align:center}.oty__wrapper .ordersorry__wrapper__title{margin-top:-26px;font-size:20px}.oty__wrapper .oty__separator{display:block;height:1px;border:none;margin:0 0 20px;background:#f2f2f2}.oty__wrapper .oty__separator--large{width:calc(100% + 40px);margin-left:-20px}.oty__wrapper .oty__separator--small{width:40px;background:#d8d8d8}.oty__wrapper .oty__separator--medium{width:calc(100% - 60px);margin:16px 0 0 60px}.oty__wrapper .oty__wrapper__content{padding:0 20px;margin:0 auto;font-size:13px;text-align:center}.oty__wrapper .oty__wrapper__content--large{font-size:15px}.oty__wrapper .oty__wrapper__content .oty__wrapper__label--near{margin-bottom:0}.oty__wrapper .oty__wrapper__content .oty__wrapper__label:last-child{margin-bottom:0}.oty__wrapper .oty__questionnaireLink{border-radius:5px;width:280px;padding:10px;border:1px solid #d6d6d6;text-align:center;font-size:15px}.oty__wrapper .oty__wrapper__blockborder{width:280px;padding:5px;margin:0 auto 10px;text-align:center}.oty__wrapper .oty__wrapper__blockborder .selfcheckout__logoPayandGoSmall--oty{display:inline-block;width:60px;margin:0 5px}.oty__wrapper .oty__wrapper__blockborder--green{width:80px;padding:5px;border:1px solid #d8d8d8;margin:0 auto 10px;text-align:center}.oty__wrapper .oty__wrapper__blockGreen{padding:5px 10px;background:#00a353;color:#fff;font-size:13px;text-transform:uppercase}.oty__wrapper .oty__wrapper__blockborder__gray{width:280px;padding:5px 10px;border:1px solid #d6d6d6;color:#a0a0a0}.oty__wrapper .oty-icon-check__selfcheckout{font-size:50px} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.oty__code,.oty__wrapper .oty__button--center{text-align:center}.oty__code{position:relative;overflow:hidden;width:100%;height:50px;padding:10px;border:1px solid #d8d8d8;margin-bottom:20px;color:#989898}.oty__code--animate{position:absolute;top:50%;margin:-8px 0 0;animation:floatText 10s ease-in-out infinite alternate;white-space:nowrap}@keyframes floatText{0%{left:30px}to{left:calc(100% - 60px)}}.oty__basket-total{display:flex;justify-content:space-between;margin:20px 0;font-size:15px}.oty__basket-total .basket-total__title{color:#232323;text-transform:uppercase}.oty__basket-total .basket-total__size{padding-left:10px;color:#989898;font-size:11px;text-transform:none}.oty__basket-total .basket-total__value{color:#d4180e;font-weight:700}.oty__basket-date{display:flex;justify-content:space-between;margin-bottom:20px;font-size:15px}.oty__basket-date .basket-date__day,.oty__basket-date .basket-date__hour{width:calc(46% - 10px);padding:5px;border:2px solid #d8d8d8;font-weight:700;text-align:center}.oty__basket-date .basket-date__day{margin-right:4%}.oty__basket-date.oty__basket-date--red{color:#d4180e}.oty__basket-date.oty__basket-date--red .basket-date__day,.oty__basket-date.oty__basket-date--red .basket-date__hour{border-color:#d4180e;color:#d4180e}.oty__basket-shop{padding:5px 10px;margin-bottom:20px;background:#d8d8d8;font-size:15px;font-weight:700}.oty__order-number{font-weight:700}.oty__basket-detail{margin-bottom:16px}.oty__basket-detail:last-child{margin-bottom:0}.oty__basket-detail__content{display:flex;font-size:13px;line-height:13px}.oty__basket-detail__content .oty__basket-detail__media{width:50px;height:50px}.oty__basket-detail__content .oty__basket-detail__image{width:auto;height:50px;text-align:center}.oty__basket-detail__content .oty__basket-detail__informations{display:flex;flex-direction:column;margin-left:10px}.oty__basket-detail__content .oty__basket-detail__informations .oty__basket-detail__ean{margin-top:auto;color:#989898;vertical-align:bottom}.oty__basket-detail__content .oty__basket-detail__value{margin-left:auto}.oty__basket-detail__content .oty__basket-detail__value .oty__basket-detail__value--number{padding-right:5px;color:#989898}.oty__basket-detail__content .oty__basket-detail__value .oty__basket-detail__value--price{color:#d4180e;font-size:15px;font-weight:700}.oty__order-barcode{text-align:center}.oty__order-barcode .oty__order-barcode__image{width:auto;height:100px}@keyframes button-load{0%{width:0}30%{width:95%}to{width:100%}} /*! * McGriddle * @description * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/mcgriddle * @link https://github.com/jonsuh/mcgriddle */.oty-icon-cross{margin-bottom:10px;color:#dd1e35;font-size:42px;line-height:1;text-align:center}